一.安卓调试
1.打开debugx5.qq.com
1.打开微信的任意一个聊天窗口,输入"debugx5.qq.com",点击发送。
2.发送完成后,点击该链接,就会进入到X5调试页面。
3.点击“信息”页签，勾选"打开TBS内核Inspector调试功能"和"打开TBS内核X5jscore Inspector调试功能"。每勾选一次后会提示重启，再重复执行如上步骤即可
4.打开手机开发者选项和USB调试
5.手机连接电脑并成功识别后,在chrome浏览器地址栏输入:chrome://inspect,打开要调试的网页后,出现如下选项则可以开始进行调试了
注意
1.此方式只可以调试安卓手机,ios不行
2.使用该方式,需要安装adb环境
3.使用浏览器调试时,需要翻墙(第一次时需要缓存资源文件),否则会出现白屏,后面正常情况下,只要浏览器不升级,则不再需要翻墙
二.ios调试
上面的方法只能针对安卓进行调试,那么ios设备我们要怎么调试呢?这个就要通过另外一个神器: spy-debugger
该工具使用方式很简单,可以调试页面以及进行抓包
安装步骤
1.安装node(不再说明如何安装,不懂的同学自行百度,没有难度)
Windows
npm install -g spy-debugger
Mac
sudo npm install -g spy-debugger
2.将手机与电脑保持在同一网络环境下,如连接相同wifi或手机打开热点,让电脑连接均可
3.在电脑端(windows是dos,mac是终端)中输入:
spy-debugger -w true
启动服务
4.设置手机的HTTP代理，代理IP地址设置为PC的IP地址，端口为spy-debugger的启动端口(默认端口：9888)。
Android设置代理步骤：设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动
iOS设置代理步骤：设置 - 无线局域网 - 选中网络 - HTTP代理手动
5.手机安装证书。注：手机必须先设置完代理后再通过(非微信)手机浏览器访问(http://spydebugger.com/cert),手机首次调试需要安装证书，已安装了证书的手机无需重复安装,这里需要注意下,直接访问是无法访问到的,必须要先执行前面的步骤进行代理后才可以下载证书。
iOS新安装的证书需要手动打开证书信任
6.可以在启动的spydebugger页面看到如下内容,则表示可以进行调试了
