Android手机使用Chrome远程调试功能

网页在手机浏览器打开时，如何进行调试呢？
我们可以使用Chrome浏览器的远程调试功能，可以在Window/Linux上实时调试手机上的内容。
以下是操作步骤(仅供学习参考）：
(注意：~电脑和手机都必须安装Chrome，如果调试APP，APP必须是debug版本哦~)

1、Windows电脑安装Chrome浏览器（Chrome32以上版本）,手机安装Chrome浏览器

2、启动手机“USB调试”；（设置>开发人员选项>USB调试）

注意:不同手机的"USB调试"路径是不一样的，有些手机也没有显示“开发人员选项”，比如华为手机,需要进入"设置>系统>关于手机"，找到"版本号"，连续点击"版本号"7次，然后返回上一级才能看到"开发人员选项"，然后进去启动"USB调试"。(这种设计真的是智障!)

image.png

3、使用数据线远程连接手机和电脑，电脑打开Chrome远程访问链接：chrome://inspect/#devices，手机会显示USB提示弹窗，选择"传输照片"

注意：不同的手机的USB调试提示的弹窗选择都不一样，有的还有"管理文件"选项，我的是华为手机，试了很多次，好像只要选择“传输照片”选项时才能远程连接成功

(电脑打开chrome://inspect/#devices)

手机USB提示弹窗

4、选择“传输照片”后，手机使用Chrome浏览器打开一个网页，电脑就会显示远程连接的手机网页信息，点击“inspect”就能查看手机实时显示的内容了，然后我们就可以愉快地调试啦，如下：

image.png

image.png

这是Android手机使用Chrome远程调试功能的大致步骤，步骤也会根据手机和电脑操作系统的不同有出入，希望对学习的同学有参考帮助，如果有写错或需要补充的地方可以留言。比心~

推荐文章：
远程调试Android设备
远程调试 Android 设备网页