Android 调试 Web JavaScript / 微信 Web

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

Android 版本需 >= 4.4 ，并且打开 WebView Debug
添加如下开启 WebView Debug：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
    webView.setWebContentsDebuggingEnabled(true);
}

在 Chrome 地址栏中填入

chrome://inspect/#devices

• Android 需要打开 USB 调试模式，并用数据线连接你的电脑，确保连接正常
  

• 选择你要调试的页面，点击inspect，下面的步骤与电脑端使 Chrome 调试方式一致

3、微信公众号 Web 调试

• 需用微信web开发者工具调试，具体请参考官方文档