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

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

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

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

相关说明

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Chrome Driver远程调试是通过使用Chrome浏览器的远程调试功能调试Chrome Driver驱动程序的一种方法。通过远程调试,您可以在浏览器中查看和修改页面的各种信息,如Cookies、Local Storage等。这对于调试和测试网页应用程序非常有用。 要进行Chrome Driver远程调试,您需要按照以下步骤操作: 1. 打开Chrome浏览器的调试设置页面,可以在地址栏输入"chrome://inspect/#devices"来访问。 2. 点击"Configure"按钮,设置监听的端口号。比如,您可以设置为11010,并点击"Done"保存设置。 3. 控制程序打开Chromium浏览器。 4. 在Chromium浏览器中查看需要调试的页面,这样您在Chrome浏览器中也可以看到相同的页面。 5. 在Chrome浏览器中点击"inspect",进入F12开发者工具页面,您可以查看和修改页面的Cookies、Local Storage等信息。 6. 您还可以使用命令"netstat -ano"来查看指定端口是否与Chromium浏览器对应。 注意,如果您使用的是Chrome驱动程序,您可以在命令行中执行"chrome.exe --remote-debugging-port=xxxx"来启动远程调试功能。而如果您使用的是Chrome浏览器,您可以在命令行中执行"chrome --remote-debugging-port=xxxx"来启动远程调试功能。 综上所述,通过Chrome远程调试功能,您可以在Chrome浏览器中查看和修改页面的各种信息,从而实现对Chrome Driver驱动程序的远程调试。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Chrome远程调试](https://blog.csdn.net/Struggling_Jeff/article/details/130548198)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [解决Chrome浏览远程调试打不开的问题](https://blog.csdn.net/rmtwealth/article/details/128272248)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值