通常我们在开发web端的时候,配合谷歌浏览器的开发者工具
F12
,可以查看控制台的输出内容,从而找到代码问题的所在,方便开发。 但是在安卓手机或者其他基于安卓系统的设备上,我们是无法直接查看控制台,聪明一点的可能会使用
alert
,但是这个东西并不是很方便,本篇文章讲述如何使用谷歌直接调式APP!
准备工作
要开始远程调试,你需要:
- 安装 Chrome 32 或者之后的版本。
- 连接安卓设备用的 USB 线缆。
- 对于通过浏览器调试:安卓 4.0 以上并且安装了 Chrome for Android。
- 对于通过应用调试:安卓 4.4 以上并且应用包括可用于调试的 WenView 组件。
设置安卓设备
打开USB调试选项
在安卓设备上,进入设置=>系统=>开发者选项,找到USB调试。
注意:在安卓4.2及以后的版本中,默认情况下开发者选项是隐藏的,要启用开发者选项,选择设置=>关于手机然后点击版本号7次。
在安卓上启用USB调试,之后会有一个警告,提示你是否要开启USB调试模式,选择确定
连接你的设备
将你的安卓设备和电脑使用USB线连接起来。
在谷歌中找到设备
在安卓设备上设置好远程调试后,在 Chrome 中找到你的设备。
在电脑端的 Chrome 里,在地址栏输入 chrome://inspect。进入后确认 Discover USB devices 已经勾选了:
找到自己的项目,点击 inspect,首次加载可能会很慢,或者失败,需要搭个梯子,这部不做介绍。
然后就可以进去我们熟悉的画面了!简直不要太爽!