简介
移动端页面运行在 PC 端,在移动端访问页面,实时的在 PC 端查看 console、network 等,并进行移动端的页面调试。
工具
1.Chrome(PC 版、移动版,版本尽量一致)
2. 手机(本人是 Android,小米 5 plus)
3.USB 线
步骤
1. 手机打开『USB 调试』
例如:小米 5 plus 开启『USB 调试』
a. 我的设备 -> 全部参数 ->MIUI 版本(双击两次),会提示已处于开发者模式。
b. 退出到『设置』,到『系统和设备』下选择『更多设置』,找见『开发者选项』,点进去开启『USB 调试』。
2. 手机和 PC 连接 USB,手机会提示接入信息,点击确定。
3.PC 端 chrome 地址栏访问 chrome://inspect/#devices,会出现
4. 调试 (举例展示)
PC 端在『Elements』选中标签。
在移动端表现: