网页在手机浏览器打开时,如何进行调试呢?
我们可以使用Chrome浏览器的远程调试功能,可以在Window/Linux上实时调试手机上的内容。
以下是操作步骤(仅供学习参考):
(注意:~电脑和手机都必须安装Chrome,如果调试APP,APP必须是debug版本哦~)
1、Windows电脑安装Chrome浏览器(Chrome32以上版本),手机安装Chrome浏览器
2、启动手机“USB调试”;(设置>开发人员选项>USB调试)
注意:不同手机的"USB调试"路径是不一样的,有些手机也没有显示
“开发人员选项”
,比如华为手机,需要进入"设置>系统>关于手机"
,找到"版本号"
,连续点击"版本号"7次
,然后返回上一级
才能看到"开发人员选项",然后进去启动"USB调试"。(这种设计真的是智障!)
3、使用数据线远程连接手机和电脑,电脑打开Chrome远程访问链接:chrome://inspect/#devices,手机会显示USB提示弹窗,选择"传输照片"
注意:不同的手机的USB调试提示的弹窗选择都不一样,有的还有"管理文件"选项,我的是华为手机,试了很多次,好像只要选择“传输照片”选项时才能远程连接成功
4、选择“传输照片”后,手机使用Chrome浏览器打开一个网页,电脑就会显示远程连接的手机网页信息,点击“inspect”就能查看手机实时显示的内容了,然后我们就可以愉快地调试啦,如下:
这是Android手机使用Chrome远程调试功能的大致步骤,步骤也会根据手机和电脑操作系统的不同有出入,希望对学习的同学有参考帮助,如果有写错或需要补充的地方可以留言。比心~