移动端调试

一、关于spy-debugger

一站式页面调试、抓包工具。远程调试任何手机浏览器页面，任何手机移动端webview（如：微信 HybridApp等）。支持HTTP/HTTPS，无需USB连接设备

特点：适合查看DOM样式、抓包、无需数据线。

弊端：不支持js debugger

---

二、vconsole和eruda

一个轻量、可拓展、针对手机网页的前端开发者调试面板。

特点：查看简单的console日志，网络请求，缓存

弊端：不支持js debugger，需在代码引入js脚本

注意：微信小程序开放后，可在微信中打开http://debugx5.qq.com在信息一栏可直接打开Vconsole调试功能

---

三、chrom真机调试

特点：可进行js debugger、查看DOM、CSS样式

弊端： 需连接数据线、手机开启调试功能、只能调试chrom浏览器中的网页和开启了调试功能的webview

---

四、uc-devtools

官网地址
特点：支持任何DOM和js脚本调试
弊端：需要下载PC端调试工具和手机端uc开发版浏览器

最后补充说明下

微信webview调试默认是关闭的，可在微信中打开http://debugx5.qq.com，将"信息"一栏中的"打开TBS内核Inspector调试功能"开启