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

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

本教程用的是我自己的手机三星A9,其他安卓手机方法也相同。

第一步首先你得打开手机的开发者选项,确保USB调试和通过USB验证应用程序保持打开状态,如图所示技术分享

第二步,确保你的电脑和安卓手机都已经安装了谷歌浏览器

第三步,打开你电脑的上谷歌浏览器,调出控制台,技术分享,点击如图所示这个3旁边的3个点,这里面有更多的功能,会出现这个选项技术分享,我们点击More tools,再选择技术分享,在之后的页面中如图所示的选项必须打钩技术分享,然后用你数据链连接你的电脑和手机,手机就会弹出一个连接提示,你点是就可以了,连接成功就会跟上图中红色箭头标注的一样,出现带绿色小圈的你的手机型号。

第四步,在电脑上的谷歌浏览器输入这个网址chrome://inspect/

就会出现技术分享这个面

第五步,打开你手机上的谷歌浏览器,输入你想要调试的网页,我一般都是把网页放到我的本地服务器,在手机浏览器上输入我的本地网址,如果是一个百度页面的例子技术分享

最后一步,我们点击inspect就可以审查手机页面了,技术分享,审查方法就跟审查PC网页一样了。

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

 

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