Chrome 开发者工具调试 Android 终端内的各种 webview 环境下页面的方法，主要包含以下环境：

1.Chrome 等基于原生 Chromium 内核的浏览器
2.微信、QQ、QQ 浏览器等 X5 内核webview
3.UC 浏览器等 U4 以上内核 Webview
4.App 内嵌 Webview
5.系统浏览器

操作步骤(调试以微信网页 调式为例)(手机usb 连接电脑呦)（手机的开发者选项打开，usb调试模式也要打开）

a.开启 Chrome 浏览器 Inspect 调试

1.在 Chrome 浏览器地址栏中输入 chrome://inspect/#devices 并回车，就可以打开 Inspect 调试界面，此时我们勾选 Discover USB devices 选项便可以看到设备列表。如下图

image.png

2. 微信、QQ、QQ浏览器等 X5 内核 Webview

X5 内核环境下，就是在微信上我们访问 debugx5.qq.com/
在这个页面中我们可以对 X5 内核进行配置（如非必要不建议改动配置），我们选择信息Tab并勾选“打开TBS内核Inspector调试功能”和“打开TBS内核X5jscore Inspector调试功能”两个选项，完成后重启页面生效。如下图：

image.png

3.然后 inspect 页面就会自动刷新列表，这时我们就能对微信及 QQ 等 X5 内核 Webview 进行调试，如图：

http://192.168.18.239:8082/#/idcard 这个 身份认证的地址就是在微信上打开的

image.png

注意： 这个时候点击inspect 有可能页面没有打开， 报错 http/1.1 404 not found 注意这个时候是因为你 没有翻墙， 需要先翻墙，就可以打开了，如下图：

image.png

详情参考： https://juejin.im/post/5b558be7e51d4519984139e6