在做前端导航网站项目的时候,想用手机调试查看效果,看了网上使用Remote Devices,发现自己的Chrome没有这个选项(我也不知道为什么,希望有人解答)。
所以去翻了Chrome的DevTools的document,官方教程也贴在这里。
说下怎么做的:
1. 手机进入开发者模式
手机USB数据线连接开发设备,手机打开Chrome
我的手机是小米,如果你也用小米,那么可以按照这个步骤来。
设置 => 我的设备 => 全部参数 => “MIUI版本”连续点7次以打开“开发者模式”
更多设置 => 开发者选项 => 打开USB调试
2.开发设备设置
打开 chrome://inspect/#devices
确保发现USB设备复选框的勾选状态
这时检测到手机设备型号名称和序列号,表示DevTools已成功建立与设备的链接了!
如果这步操作不成功,请查看官方提供的故障排除
配置监听端口号
打钩,Done!
页面上方出现黄色提示,表示成功。
3.用开发设备调试手机
现在就可以愉快的使用电脑调试手机了。