利用Chrome进行远程移动端调试_要使用实时预览,需要重后 chrome 并打开远程调试功能。你确定重新启动 chrome浏览

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

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

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

相关说明

如果手机的连接信息显示为unknow，连接状态显示为pending，请务必从设备管理器中更新手机的驱动程序（千万不能出现黄色的三角及感叹号的情形，或者你的手机还出现在其他设备的分类中），正确的设备信息如下：

最后，重要的事情说三遍，一定要打开USB调试者模式，一定要打开USB调试者模式，一定要打开USB调试者模式。