使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

我使用的手机是三星A9 ,其他安卓手机方式也相同,电脑是win 10 系统。

第一步首先打开手机的开发者模式,确保usb调试和通过usb验证应用程序保持打开状态,如图所示:

使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

第二步,最好是电脑和安卓手机都连接了谷歌浏览器

第三步,打开电脑上的谷歌浏览器,调出控制台,

使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices
使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

我们点击More tools,再选择

使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

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

使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

然后用数据线连接电脑和手机,手机就会弹出一个连接提示,你点是就可以了,连接成功就会跟上图中红色箭头标注的一样,出现带绿色小圈的你的手机型号。

第四步,在电脑上的谷歌浏览器输入这个网址chrome://inspect/,就会出现如下图页面

使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

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

使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

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

使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

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

上一篇:英航官网流量劫持导致数据泄露,收到16亿GDPR罚单


下一篇:SM2 国密算法SSL证书应用于HTTPS加密,如何实现?