Chrome DevTools远程调试手机页面


 

一、准备

  1. pc端安装最新的chrome
  2. 手机端安装最新的chrome ( Android机 )
  3. USB连接线

二、具体步骤

  1. 假设你已经在电脑上下载了最新的chrome 也在手机上下载了最新的chrome

  2. USB设置 在你的手机里打开"设置"->"开发人员工具"->"USB调试" 打开USB调试。 因为Android手机型号众多 很多人找不到"USB调试这个选项在哪" 而且大多数手机"开发者选项"默认是影藏的,你需要看下自己的手机说明然后将手机调到"开发者模式" 就可以找到 "USB调试了" 

  3. 假设你已经将手机设置为"USB调试"打开的状态 将手机连接到电脑 手机会弹出是否链接 点击确定
  4. 打开电脑的chrome 在地址栏输入 chrome://inspect 选中 Discover USB devices 可以检测到你的设备 可以看到监测到我的设备
  5. 打开手机上的chrome,进入某个网页

  6. 点击inspect,此时就是可以审查手机页面上的元素了。

 

参考文章:手机web前端调试页面的几种方式


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM