whistle手机调试工具使用简单教程_第1页
免费预览已结束,剩余1页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、whistle手机调试工具使用简单教程whistle手机调试工具用法容易教程npm全局安装npm install -g whistle全局启动w2 start启动之后,输入:8899 就可以拜访到whistle调试界面了: 我们主要常用几个功能: 1、mock本地数据映射,即手机哀求线上某个接口的时候做本地映射,挺直哀求本地json数据2、查看console打印信息,对于windows系统的电脑来说还是很实用的,否则调试ios是个很大的棘手 mock数据映射点击该调试界面的左边其次个按钮,rules,输入想要拦截的接口 空格 本地mock数据文件路径eg: e:project

2、mock-dataios.json假如想要注释掉此行,前面加假如想要调试某个页面,在页面后面加 weinre:/ 随意名称假如要查看某个页面的log,在页面后面加 log:/这些都可以同时写在一起如下:52:3001/aaa.html log:/ weinre:/aaa 手机代理设置1、手机在连着和电脑同一个局域网下,手机进入wifi设置,设置代理为手动,ip地址为电脑ip地址,端口号为whistle本地调试界面打开的端口号,这里是88992、安装证书,手机扫瞄器输入 (或者在调试界面点https,手机扫描即可跳转) ,会跳转到下载证书界面,点击下载好

3、之后安装,安卓需要起个名字,ios需要在 设置——通用——关于本机——证书相信设置中开关置为开。注重:无数扫瞄器不支持下载此类文件,或者有些扫瞄器虽然可以下载此类文件但是无法安装,由于不识别相应文件格式,可以用法扣扣扫瞄器或者其他支持的扫瞄器下载安装即可。 页面调试至此,手机点击哀求的页面,whistle调试界面已经可以看到哀求了,右侧点击tools-log,可以查看页面console.log打印,假如想要调试html,点击调试界面上面的weinre,找到刚刚rules配置的时候weinre后面名字点击即可看到 点开调试界面之后还需要一步重要操作,targets下会显示页面调

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论