移动端页面在手机中调试

40次阅读

共计 350 个字符,预计需要花费 1 分钟才能阅读完成。

简介

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

在移动端表现:

正文完
 0