Windows + Android chrome浏览器有线真机调试（非ADB）

1. 测试效果图：

test.png

本次测试所用设备相关版本信息

  • Windows 10 + chrome 110.0.5481.100


    pc chrome version.png

  • Android 12 + chrome 110.0.5481.65


    android version.png

2. 工具准备

  • PC端、手机端同时安装chrome（两端的chrome版本最好保持一致）
  • USB 连接线（手机充电线）

3. 手机开启调试模式

    1. 打开开发者模式：手机设置中找到手机的系统版本号，连击3次或更多次（开启成功时会弹出相关成功提示，如：您正处于开发者模式）

    1. 打开USB调试：手机设置中找到【开发者人员选项】（可能有的手机必须打开了开发者模式才能找到开发者人员选项）


      image.png

4. PC端chrome查找 USB 设备

浏览器访问chrome://inspect/#devices，勾选Discover USB devices

image.png

5. 调试

手机端chrome浏览器访问需要调试的页面，chrome://inspect/#devices上会展示出对应选项

image.png

针对需要调试的页面，点击下方的inspect链接打开对应页面的Devtools，这样就能查看和调试页面在移动端的效果了
注意： 两端chrome版本不一致时inspect打开的Devtools可能无法正常显示，可根据提示点击inspect fallback选项可打开页面正常显示

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容