代码改变世界

Android 浏览器内 H5 电脑 Chrome 调试

2019-04-26 21:21  brookin  阅读(1629)  评论(0)  编辑  收藏  举报

Android 浏览器内 H5 调试

chrome://inspect 移动前端调试方案（Android + Chrome 实现远程调试）

adb 相关资源

adb shell（ADB Kits）下载地址： http://adbshell.com/downloads

打开 开发者模式

  1. 设置
  2. 关于手机
  3. 版本号，点击 5 次
  4. 返回 设置列表，列表中多了 其他设置 选项
  5. 进入 其他设置
  6. 开发者选项
  7. 调试 -> USB调试 开启即可

进入 调试模式

  1. 安装 debug 版本的 浏览器 到测试手机上
  2. 测试收集开启 开发者模式
  3. 安装 adb, 下载后，打开运行即可
  4. 通过数据线连接手机和调试的电脑
  5. 电脑上命令行进入 adb 目录，运行 adb devices 确保手机已正常连接（正常会显示 devices 列表）
  6. 电脑运行 adb shell
  7. 电脑打开 chrome 浏览器 chrome://inspect
  8. 在手机的浏览器输入任意访问的网址，此时在 chrome 的 DevTools -> Devices -> Remote Target 面板会出现手机访问的网址
  9. 点击面板中网址下方的 inspect 选项，即可打开一个新 dev 调试面板，重新刷手机上的访问地址，电脑上的调试面板会同步刷新，并显示相关的 chrome dev 面板的所有资源，网络，JS 调用日志 Console.log('test log') 到调试面板