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

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

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

需要做一下步骤

一, 手机端的准备:

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

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

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

二,电脑端:

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

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

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