电脑连接并调试手机浏览器的网页

Posted 2021-03-12 im-victor

直接在浏览器上 用浏览器的手机模式 模拟手机环境有时候不是太准确，所以想办法 实现在手机上能连接，并调试手机正在访问的网页，文本给出了解决方法（没有苹果手机，所以只做了安卓的）

下图就是电脑上连接好的效果：

 

需要做一下步骤

一, 手机端的准备：

1.usb数据线，第一次连接电脑跟手机 可能还需要装驱动：

2.打开开发者模式，打开选择USB配置，设置成USB连接（一定注意），具体手机连接可以不太一样 ，但是都需要设置成usb连接方式

3,下载手机版谷歌浏览器，调试的时候 用的是谷歌浏览器

 

二，电脑端：

谷歌浏览器，访问： chrome://inspect/#devices

open tab with url 你可以输入自己想访问的地址 点击open 下面就会出现那个地址

我的手机上 谷歌浏览器已经打开了百度的网址，电脑就检测到了，点击inspect打开调试窗口如下：