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

时间:2021-03-13 17:57:01

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

下图就是电脑上连接好的效果:
电脑连接并调试手机浏览器的网页

 

需要做一下步骤

一, 手机端的准备:

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

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

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

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

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

 

二,电脑端:

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

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

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

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

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