移动端使用 Chrome 开发者工具调试网页

备注

Chrome竟然连接不上，Edge虽然有些延迟却能连接上

（Emm...没有看错，就是Chrome连不上，Edge可以。）

设备

• Android手机或平板
• PC

应用

Chrome 92

移动设备前置准备

• 连接USB
• 打开开发者选项
• 允许USB调试

PC 前置准备

• 打开Chrome或Edge
• 输入URL：chrome://inspect/#device
• 点击Discover USB devices后面的按钮Port forwarding
  • 如果8080已经被监听了，可修改为其他为监听的端口（第一行中的两个格子都需要修改）
  • 勾选底部Enable port forwarding
  • 点击Done
• Discover network targets中的配置可以不用修改

调试

移动设备使用USB数据线连接到电脑后，会弹出是否允许调试对话框，选择允许。

在移动端的Chrome应用中打开网页会在chrome://inspect/#device网页的Remote Target中显示。

选择需要调试的Tab页，点击Inspect会调试带有控制台的页面。