在微信中调试内嵌h5 网页 webview

背景

由于微信更换了内核xweb 原来x5内核的调试方式已经失效了

调试

参考远程调试安卓设备 (opens new window)

• 准备

  • 仅支持安卓设备
  • 数据线
  • 开发者模式（不了解的可以自行百度）

• 在浏览器中打开chrome://inspect/#devices

• 安卓设备连接好电脑

• 在开发者模式中打开usb调试，会弹出授权提示 点击允许（如果错过了可以关闭usb调试并重新打开） 此时可以在chrome://inspect/#devices看到你的安卓设备

• 在微信中打开http://debugxweb.qq.com/?inspector=true (opens new window) 然后关闭

• 在微信中打开需要调试的页面，回到chrome://inspect/#devices，可以看到对应的页面已经出现在列表中，点击对应页面下的inspect就可以打开devtools调试了