阅读 6

前端必备移动端调试技能

whistle是基于Node实现的跨平台web调试代理工具,可以作为普通的http代理或者用来抓包、修改、操作http、https、websocket、tunnel请求。 whistle官网

安装启动

安装node、检查node安装情况 node -v

安装 whistle

  1. npm install -g whistle
  2. 启动 w2 start
  3. w2 restartw2 stop

配置代理

浏览器打开启动的

  1. 移动端需要在设置中配置当前Wi-Fi的代理,

    手机设置代理

  2. 手机打开百度,试试看 PC中 【地球network】是否有请求,有则代表ok了

配置rules

利用weinre查看、修改页面的DOM结构及其样式

  • 左侧第二个 列表icon,create创建一个rule, 例如: m.baidu.com weinre://test
  • 然后再 手机上打开当前页面 m.baidu.com,再PC鼠标滑到工具栏 whistle -点击 test,会打开全新页面,就可以再这里查看调试了。
  • 此时可以看到很多可用工具和功能。
关注下面的标签,发现更多相似文章
评论