在电脑远程调试安卓手机Chrome浏览器

编辑于:2023年12月21日

在电脑远程调试安卓手机Chrome浏览器

虽然 Chrome 浏览器的 控制台 有设备切换功能,可以模拟移动设备的尺寸,但有时同一个网页,只在手机上浏览时会出问题,想要真正的定位处理,还是建议使用 Chrome 远程真机调试功能。

Chrome浏览器的控制台

开启安卓手机的USB调试功能

先开启安卓手机的开发者模式,小米手机在我的设备➡️全部参数➡️MIUI版本号➡️连系点击几次,其它品牌手机过程差不多,基本都是连续点击版本号。

开启安卓手机的USB调试功能

在开发者选项,勾选USB调试。设置完毕,用USB线将手机和电脑连接起来,注意手机屏幕会有允许调试授权的提示。

在电脑 Chrome 进行远程调试

在电脑远程调试安卓手机Chrome浏览器

保持安卓手机和电脑处于同一 WiFi 网络,然后在电脑的 Chrome 浏览器地址栏输入chrome://inspect/#devices并回车。稍等一会可以看到手机Chrome上打开的网页,点击网页旁边的inspect链接,这将打开一个开发者工具窗口。

在桌面浏览器上一样使用各种开发者工具来调试移动设备上的网页

现在,可以像在桌面浏览器上一样使用各种开发者工具来调试移动设备上的网页。这包括编辑HTML/CSS,查看控制台输出,调试JavaScript等。

相关推荐

暂无评论