电脑Chrome上调试手机移动端

1,068 阅读1分钟

在做前端导航网站项目的时候,想用手机调试查看效果,看了网上使用Remote Devices,发现自己的Chrome没有这个选项(我也不知道为什么,希望有人解答)。

image.png

所以去翻了Chrome的DevTools的document,官方教程也贴在这里。

说下怎么做的:

1. 手机进入开发者模式

手机USB数据线连接开发设备,手机打开Chrome

我的手机是小米,如果你也用小米,那么可以按照这个步骤来。

设置 => 我的设备 => 全部参数 => “MIUI版本”连续点7次以打开“开发者模式”

image.png

更多设置 => 开发者选项 => 打开USB调试

image.png

2.开发设备设置

打开 chrome://inspect/#devices

确保发现USB设备复选框的勾选状态

这时检测到手机设备型号名称和序列号,表示DevTools已成功建立与设备的链接了!

image.png

如果这步操作不成功,请查看官方提供的故障排除

配置监听端口号

image.png

打钩,Done!

image.png

页面上方出现黄色提示,表示成功。

image.png

3.用开发设备调试手机

现在就可以愉快的使用电脑调试手机了。

image.png