移动端网页远程调试

Chrome Devtools

  1. PC端,打开chrome,输入 chrome://inspect/#devices
  2. 手机,打开手机的USB调试开关,在PC上执行 adb devices允许USB调试;如果没有adb,使用其他手机助手应该也是可以的
    • 手机 USB连接方式为仅充电时,可能不能进行USB调试,切换成其他即可
  3. 可选,手机浏览器开启调试功能,手机版Chrome不需要,微信内置浏览器需要
    • 使用微信内置浏览器打开页面 http://debugx5.qq.com(可用扫一扫),在信息栏设置打开调试开关]
debugx5.qq.com
debugx5.qq.com
x5_setting

Winre

已经许久不更新了

微信开发者工具

新版,集成了小程序和公众号网页开发,远程调试基于chrome devtools

0.7版,远程调试基于winre

TBS studio

X5 Blink,例如安卓微信内置浏览器

  1. https://x5.tencent.com/tbs/guide/debug/download.html 下载并安装
  2.  按指示进行
    • 打开手机的USB调试
    • 将手机前台的程序切换成欲调试的app(微信)
    • step4中的网页不知道怎么用,使用 http://debugx5.qq.com 打开调试开关
  3. 启动调试

参考

  • https://developers.google.com/web/tools/chrome-devtools/remote-debugging/
  • https://x5.tencent.com/tbs/document/debug-detail-wifi.html
  • https://x5.tencent.com/tbs/guide/debug.html
  • https://dev.ucweb.com/docs/pwa/docs-zh/oo3g8d
  • https://github.com/google/ios-webkit-debug-proxy

留下评论

电子邮件地址不会被公开。 必填项已用*标注