利用Chrome进行远程移动端调试

来源:互联网 发布:软件著作权范本 编辑:程序博客网 时间:2024/05/01 10:49

Chrome还可以支持远程移动端调试,方法如下:
1 在开发机器上,按F12打开开发者工具,在开发者工具的右上角选择更多工具(More tools)->检查设备(Inspect devices),见下图
打开调试工具

2 利用USB数据线连接个人手机,并在手机上启用USB调试者模式。
3 在个人手机上打开Chrome。
4 在开发机器的开发者工具上,我们会发现我们的移动设备以及相关的网页信息,选择网页后的“Inspect”按钮即可进行同步调试,见下图。
同步调试截图

现在开发机器与远程完全同步了,并且能充分发挥调试工具的特性,观察每个DOM的style、event等相关信息,见下图,尽情地享受调试的快乐吧!
对移动端进行调试

相关说明

如果手机的连接信息显示为unknow,连接状态显示为pending,请务必从设备管理器中更新手机的驱动程序(千万不能出现黄色的三角及感叹号的情形,或者你的手机还出现在其他设备的分类中),正确的设备信息如下:
从设备管理器中安装驱动
最后,重要的事情说三遍,一定要打开USB调试者模式,一定要打开USB调试者模式,一定要打开USB调试者模式。

0 0
原创粉丝点击