如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面

曾无好事来相访,赖尔高文一起予。这篇文章主要讲述如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面相关的知识,希望能为你提供帮助。
本教程用的是我自己的手机三星A9,其他安卓手机方法也相同。
【如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面】第一步首先你得打开手机的开发者选项,确保USB调试和通过USB验证应用程序保持打开状态,如图所示

如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面

文章图片

第二步,确保你的电脑和安卓手机都已经安装了谷歌浏览器
第三步,打开你电脑的上谷歌浏览器,调出控制台,
如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面

文章图片
,点击如图所示这个3旁边的3个点,这里面有更多的功能,会出现这个选项
如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面

文章图片
,我们点击More tools,再选择
如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面

文章图片
,在之后的页面中如图所示的选项必须打钩
如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面

文章图片
,然后用你数据链连接你的电脑和手机,手机就会弹出一个连接提示,你点是就可以了,连接成功就会跟上图中红色箭头标注的一样,出现带绿色小圈的你的手机型号。
第四步,在电脑上的谷歌浏览器输入这个网址chrome://inspect/
就会出现
如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面

文章图片
这个面
第五步,打开你手机上的谷歌浏览器,输入你想要调试的网页,我一般都是把网页放到我的本地服务器,在手机浏览器上输入我的本地网址,如果是一个百度页面的例子
如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面

文章图片

最后一步,我们点击inspect就可以审查手机页面了,
如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面

文章图片
,审查方法就跟审查PC网页一样了。
第一次发表博客,以前也想着写一些,一直很忙,今天心血来潮,就写了一遍,接下来会再接再历分享更多经验,谢谢大家~本人还创建了一个前端技术交流qq群,群号是399627992,感兴趣的朋友可以加下。我下次分享如何使用safari浏览器调试ios手机上的移动网页。
 

    推荐阅读