码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2020-02-03 15:58:04      阅读:363      评论:0      收藏:0      [点我收藏+]

标签:spec   image   就会   好的   自己   没有   device   http   open   

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

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

 

需要做一下步骤

一, 手机端的准备:

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

技术图片

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

技术图片技术图片

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

 

二,电脑端:

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

技术图片

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

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

技术图片

 

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

标签:spec   image   就会   好的   自己   没有   device   http   open   

原文地址:https://www.cnblogs.com/Im-Victor/p/12255681.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!