前端必备移动端调试技能

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

安装启动

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

安装 whistle

1. npm install -g whistle
2. 启动 w2 start
3. w2 restart、w2 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，会打开全新页面，就能够再这里查看调试了。
• 此时能够看到不少可用工具和功能。