手机chrome浏览器真机调试PC端本地的项目_chrome 测试pc端

#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，将打开一个调试页面，跟手机端是同步的