欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 手机浏览器调试使用Chrome进行调试实例详解

程序员文章站 2024-02-24 14:13:40
使用pc上的 chrome 远程调试手机端的页面 工具准备 手机端:chrome for android,;  pc端:安装谷歌浏览器(最好...

使用pc上的 chrome 远程调试手机端的页面

工具准备

  • 手机端:chrome for android,;
  •  pc端:安装谷歌浏览器(最好是最新版的开发者版本)
  • usb 连接线, 也就是你充电器的那条线

开启调试模式

使用 usb 连接你的电脑,并开启调试模式。 使用 android 4.2 或以上的手机可能没有调试模式选项,可以找到 “设置 > 关于手机 > 版本号(build number)”, 点 7 次,然后返回开发者选项就可以了。

查找 usb 设备 (enable usb discovery in chrome)

在你的桌面版的 chrome ,打开 菜单 > 工具 > 检查设备。 勾选discover usb devices。稍等片刻,你的手机会提示你是否允许调试,接受调试即可。接受调试后,可能需要等一下 chrome 才能检测到你的手机。如果没有检测到,可以试一下重启浏览器。

调试

检测到你的手机后,点击 inspect,弹出开发者工具,这样你就可以像调试桌面页面那样调试手机页面。

Android 手机浏览器调试使用Chrome进行调试实例详解
chrome 远程调试

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!