应用场景
桌面版 Chrome 浏览器使用 Developer Tools 可以方便地调试页面,也能模拟各种移动设备进行调试,但毕竟电脑和移动设备的浏览器版本、性能、网络状态不尽相同,所以不能完全依赖桌面版 Chrome 的调试效果。还好,可以将移动设备通过 USB 连接电脑,直接调试移动版 Chrome。
需要的设备
- 桌面版 Chrome 32 或更新版本
- 一条连接电脑和 Android 设备的 USB 连接线
- 设备系统需要 Android 4.0+ 并安装 Chrome for Android
注意: 桌面版 Chrome 版本必须高于设备的 Chrome for Android。桌面版最好使用 Chrome Canary (Mac/Windows) 或 Chrome Dev channel release (Linux)。
流程简介
- 开启 Android 设备的调试模式
- 通过 USB 连接电脑和 Android 设备
- 在桌面版 Chrome 地址栏中输入
chrome://inspect
,检测连接的设备 - 在
chrome://inspect
页面点击 inspect 开始调试,跟桌面版类似
说明
- Android 设备调试模式开启方式: 设置(Settings) > 开发者选项(Developer options) > USB 调试(USB debugging)
注意:在 Android 4.2+ 的系统中,开发者选项默认是关闭的,打开 设置(Settings) > 关于手机(About phone),连续点击 Build number 7次即可显示开发者选项。 - Windows 上可能需要安装驱动(OEM USB Drivers),懒人可以选择使用360手机助手之类的工具,它会帮你自动安装驱动。
Permalink