Chrome还可以支持远程移动端调试,方法如下:
1 在开发机器上,按F12打开开发者工具,在开发者工具的右上角选择更多工具(More tools)->检查设备(Inspect devices),见下图
2 利用USB数据线连接个人手机,并在手机上启用USB调试者模式。
3 在个人手机上打开Chrome。
4 在开发机器的开发者工具上,我们会发现我们的移动设备以及相关的网页信息,选择网页后的“Inspect”按钮即可进行同步调试,见下图。
现在开发机器与远程完全同步了,并且能充分发挥调试工具的特性,观察每个DOM的style、event等相关信息,见下图,尽情地享受调试的快乐吧!
相关说明
如果手机的连接信息显示为unknow,连接状态显示为pending,请务必从设备管理器中更新手机的驱动程序(千万不能出现黄色的三角及感叹号的情形,或者你的手机还出现在其他设备的分类中),正确的设备信息如下:
最后,重要的事情说三遍,一定要打开USB调试者模式,一定要打开USB调试者模式,一定要打开USB调试者模式。
本文介绍了如何利用Chrome进行远程移动端调试,通过USB连接手机,启用USB调试模式,然后在Chrome开发者工具中选择检查设备,点击'Inspect'按钮实现同步调试,以便详细查看和操作DOM、样式和事件。
4331

被折叠的 条评论
为什么被折叠?



