Chrome浏览器真机调试web页面

本文介绍如何通过谷歌浏览器配置并实现对真实物理机设备的调试。包括手机通过USB连接电脑,开启远程调试功能,以及如何在手机端信任电脑等步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

写前端页面的时候,移动端页面开发需要模拟触摸事件,在电脑上操作不太方便,使用物理机可以操作起来会更舒服。

但是在使用物理机触摸屏幕的时候,调试起来有有点不太方便,好在谷歌浏览器给我们提供了真机调试的功能。一些人可能会使用UC浏览器进行调试,但是在Mac电脑上无法安装UC浏览器。想起来谷歌浏览器用的更广泛,经常使用,还是使用谷歌浏览器调试真机吧。

操作

  1. 手机连接USB

  2. 打开开发者控制台,选择远程调试remote devices

    img_e4c40a1cf7750dbe9d9d64c29f376b55.png
    控制台

  3. 配置remote devices,在手机端信任此电脑。等到设备哪里看到手机型号为connected之后,就可以了。

img_851308d17bbf04a17ba29649526499ad.png
发现USB设备
  1. 调试页面,你访问的页面可以点击 设备符号看到,点击你的浏览器访问的页面。点insepect


    img_efea6b8da09abf43c50a599f160b8fc3.png
    访问记录
  2. 开始调试,和普通的PC端页面调试差不多,不过是在真手机上。


    img_c91480f19dad86147d759a46ee2176b3.png
    调试页面

最后

这篇文章主要介绍了如何配置谷歌浏览器,来调试真实的物理机设备。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值