1.本次实验环境

操作系统: win10 10.0.19042

chrome浏览器PC端: 97.0.4692.99(正式版本) (64 位)

手机操作系统:Android 10; MIX 2S Build/QKQ1.190828.002

chrome浏览器手机端:96.0.4664.104

2.前期准备

  1. 将手机的开发者模式打开,不同手机可能打开的方式不同。(百度自查)
  2. 用数据线将手机与电脑进行连接。(注意部分数据线只有充电功能,不能传输数据)
  3. 手机端需要安装chrome浏览器(别的浏览器不行)
  4. PC 端的 chrome 需要比手机端的 chrome 版本要高

3.开始调试

  1. 在电脑端的chrome浏览器中打开chrome://inspect/#devices,手机端打开chrome浏览器,如果页面出现了跟你手机相关的信息,说明连接成功了

  2. 勾选Discover USB devices,配置Port forwarding settings,填写允许手机端访问的网址(例如电脑端运行了一个项目,通过localhost:9527进行访问)

  3. 打开手机端的chrome浏览器,就可以访问localhost:9527

  4. 点击inspect,将打开一个调试页面,跟手机端是同步的

 

个人笔记记录 2021 ~ 2025