王鹏飞

Blog

Tutorial

About

开发者笔记

2022年1月4日

在电脑上调试安卓 Web 页面

目前浏览器的开发者工具都提供了移动设备的调试功能,可以自行选择合适的设备进行移动端的页面开发,但是由于 PC 和其他设备的环境始终存在差别,浏览器自带的移动开发工具已无法满足后期的调试工作,所以我在这里告诉大家如何使用 Android Debug Bridge 调试安卓 Web 页面。

开启 USB 调试选项

首先需要保证我们的安卓手机可以通过 Android Debug Bridge 与我们的 PC 沟通,所以安卓手机必须在开发人员选项中勾选 USB 调试以开启 usb 调试模式。

开启 USB 调试

某些手机浏览器可能还需要在浏览器的高级设置中开启远程调试功能。

安装 Android Debug Bridge

打开 SDK Platform Tools, 选择合适的版本下载,解压下载的文件。在目录中存在一个 adb.exe 文件。

运行 adb.exe

adb.exe 文件的目录中执行 ./adb devices 命令。如果你的手机已经开启 USB 调试选项,并使用 USB 连上了电脑,此时手机应该会有“是否允许 USB 调试?”的弹窗,点击“是”。

使用 Chrome 调试

打开 chrome 浏览器,地址栏输入 chrome://inspect#devices进入设备检测页面。此时会显示你的手机和相关 Web 页面,点击 inspect 按钮开始调试。

chrome 调试移动 Web 页面

(完)

留言(0


发表评论

邮箱地址不会被公开。*表示必填项