文章 六月 11, 2020

使用谷歌浏览器调式app

文章字数 2.1k 阅读约需 2 mins. 阅读次数 0

​ 通常我们在开发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,首次加载可能会很慢,或者失败,需要搭个梯子,这部不做介绍。

进入后样式

然后就可以进去我们熟悉的画面了!简直不要太爽!

0%