移动端页面在手机中调试

简介

移动端页面运行在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』选中标签。

在移动端表现：