用Chrome 调试移动端网页 chrome://inspect
2018-06-05 本文已影响0人
廊桥梦醉
我使用的手机是三星A9 ,其他安卓手机方式也相同,电脑是win 10 系统。
第一步首先打开手机的开发者模式,确保usb调试和通过usb验证应用程序保持打开状态,如图所示:

第二步,最好是电脑和安卓手机都连接了谷歌浏览器
第三步,打开电脑上的谷歌浏览器,调出控制台,


我们点击More tools,再选择

在之后的页面中,如图所示选项必须打对勾。

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

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

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

以上,欢迎大家提供更多更好的想法。