移动调试
移动端网页的表现，通常和桌面浏览器上有所区别，包括样式的呈现、脚本的逻辑等等，这会给开发者带来一定的困扰。现在，微信安卓客户端 webview 已经开始全面升级至 X5 Blink 内核，新的内核无论在渲染能力、API 支持还是在开发辅助上都有很大进步。通过微信 web 开发者工具中的远程调试功能，实时映射手机屏幕到微信 web 开发者工具上，将帮助开发者更高效地调试 X5 Blink 内核的网页，具体步骤如下：
- 准备工作
- 安装0.5.0或以上版本的微信 web 开发者工具
- 确认移动设备是否支持远程调试功能
打开微信 web 开发者工具，选择“移动调试”tab，点击验证移动设备是否支持。随后使用移动设备扫描弹出的二维码，在设备上即可获得支持信息。 - 打开移动设备中的 USB 调试功能
- 打开移动设备，进入“设置”->“开发人员选项”
- 勾选“USB 调试功能”
需要注意的是，Android 4.2 之后的设备，开发人员选项默认是隐藏的，通过以下步骤可以打开： - 打开移动设备，进入“设置”->“关于手机”
- 找到并单击“内部版本号”7次
- 安装移动设备 USB 驱动
- 打开 X5 Blink 内核的 inspector 功能
打开微信 web 开发者工具，选择“移动调试”tab ，使用设备扫描“调试步骤”中的二维码。
如下图，勾选“是否打开 TBS 内核 Inspector 调试功能”，并重启微信。 - 开始调试
使用 USB 数据线连接移动设备与 PC 或者 Mac 后，点击打开微信 web 开发者工具“移动调试”tab，选择 X5 Blink 调试功能，将会打开一个新窗口，在微信中访问任意网页即可开始调试。关于 X5 Blink 内核更多信息，可以查看官网介绍。
在所有准备工作都完成的情况下，窗口中可以看到当前设备的基本信息：
点击任意页面的“inspect”，打开新窗口，开发者会看到熟悉的调试界面：
点击上图右上角的“手机”图标，将启用屏幕映射功能：