1、Chrome 浏览器调试
准备工作
- 电脑端、手机端安装 Chrome 浏览器
- 电脑上安装好 Android SDK ,确认方式为 adb 命令可正常使用 (Android 程序猿可略过...)
建立调试守护进程
终端中键入以下命令
adb forward tcp:9222 localabstract:chrome_devtools_remote
成功的话会打印如下信息
adb server version (31) doesn't match this client (36); killing...
* daemon started successfully *
进入调试状态
- 手机打开 Chrome 输入要调试页面地址
- 电脑打开 Chrome 进入 localhost:9222 页面选择要调试的页面
- 点击要调试的页面后跳转至 http://chrome-devtools-frontend.appspot.com (需要翻墙)
不推荐使用第一种方式调试,推荐使用下面第二种方式调试 web 页面
2、Chrome DevTools
chrome://inspect/#devices
-
Android 需要打开 USB 调试模式,并用数据线连接你的电脑,确保连接正常
选择你要调试的页面,点击inspect,下面的步骤与电脑端使 Chrome 调试方式一致
3、微信公众号 Web 调试
- 需用微信web开发者工具调试,具体请参考官方文档
4、清理微信浏览器缓存
用微信内置浏览器打开 http://debugx5.qq.com 勾上需清理的内容点击[清除]