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.前期准备
- 将手机的开发者模式打开,不同手机可能打开的方式不同。(百度自查)
- 用数据线将手机与电脑进行连接。(注意部分数据线只有充电功能,不能传输数据)
- 手机端需要安装chrome浏览器(别的浏览器不行)
- PC 端的 chrome 需要比手机端的 chrome 版本要高
3.开始调试
-
在电脑端的chrome浏览器中打开
chrome://inspect/#devices
,手机端打开chrome浏览器,如果页面出现了跟你手机相关的信息,说明连接成功了 -
勾选
Discover USB devices
,配置Port forwarding settings
,填写允许手机端访问的网址(例如电脑端运行了一个项目,通过localhost:9527进行访问) -
打开手机端的chrome浏览器,就可以访问localhost:9527
-
点击
inspect
,将打开一个调试页面,跟手机端是同步的
写在最后
今天的干货就分享到这里。欢迎一键三连,持续关注“安前码后”,一个只输出干货而不是随大流的技术号。另外,赚钱的号“韭盾”,也在持续开发中,有投资兴趣的铁子们可以先关注,绝对是好物。 加油,铁子们。