美文网首页
用Chrome 调试移动端网页 chrome://inspect

用Chrome 调试移动端网页 chrome://inspect

作者: 廊桥梦醉 | 来源:发表于2018-06-05 19:46 被阅读0次

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

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

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

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

我们点击More tools,再选择

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

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

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

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

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

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

相关文章

  • 用Chrome 调试移动端网页 chrome://inspect

    我使用的手机是三星A9,其他安卓手机方式也相同,电脑是win 10 系统。 第一步首先打开手机的开发者模式,确保u...

  • 移动端调试

    1.直接在chrome和safari切换到移动端调试2.chrome://inspect/#devices 直接在...

  • 移动端网页调试

    chrome的inspect 在桌面端chrome输入下列语句并在手机端启动相应页面后,就可以进行移动端调试了:c...

  • 手机调试

    chrome inspect 远程调试H5 chrome://inspect/#devices 一个内置于chro...

  • Chrome 浏览器调试移动端网页

    手机开启usb调试,手机浏览器打开网页,连接电脑 chrome浏览器中输入chrome://inspect/#de...

  • Chrome

    调试安卓chrome。连接安卓手机开发者模式,PCchrome输入chrome://inspect

  • Nodejs之debug

    chrome浏览器调试 使用 --inspect开关进行调试。一个Nodejs进程开始侦听调试客户端,默认情况下侦...

  • vue-loader源码解读

    调试 新增script调试脚本 npm run debug后打开chrome://inspect/,即可看...

  • 调试app里的webview

    chrome://inspect/#devices[chrome://inspect/#devices] Andr...

  • vue-cli-plugin-electron-builder

    方法1:chrome://inspect/#devices[chrome://inspect/#devices] ...

网友评论

      本文标题:用Chrome 调试移动端网页 chrome://inspect

      本文链接:https://www.haomeiwen.com/subject/soumsftx.html