Chrome DevTools远程调试手机页面

时间:2024-02-24 17:53:00

 

一、准备

  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前端调试页面的几种方式