chromeDebug

来自于:开发者立即使用

openDebug closeDebug 错误码

概述

在智能手机还未普及时,移动设备的调试处处是 alert 的,这估计是最常用的办法了。

移动互联网的浪潮,伴随着智能硬件的兴起与移动设备的普及,让前端工程师这个职业变得更为专业,这里主要说一下 Chrome DevTools 调试移动设备 Brower Page Tabs/WebViews。

准备工作

  1. chrome 浏览器,最好 47+ 的版本

  2. 一条 USB 数据线,连接电脑与移动设备,安装相应机型的 USB 驱动。如果电脑上安装有百度手机助手、360手机助手这类软件,一般连接后可以自动安装相应的USB驱动程序。驱动程序下载地址,

  3. 手机系统为 Android 4.4+

第一步:

首先在移动设备上开启 USB 调试模式

第二步:

用 USB 数据线连接设备,驱动装好连接成功后,你可能会在设备上看到一个弹框请求允许使用这台计算机通过 USB 调试勾选后点击 “确定”

第三步:

  1. 在电脑上打开 Chrome 浏览器,在浏览器地址栏输入 chrome://inspect

  2. 打开后 DevTools 后,确保打钩选中 Discover USB devices

  3. 也许第一次需要翻墙加载一些插件,不过,你值得拥有

  4. 如果还有问题,请看更详细的使用手册,传送门

openDebug

打开 chrome 调试 HTML5 页面的开关

openDebug(callback(ret, err))

callback(ret, err)

ret:

  • 类型:JSON 对象

内部字段:

  1. {
  2. result: 'success' //是否成功
  3. code: 1000 //打开成功
  4. }

示例代码

  1. var chromeDebug = api.require('chromeDebug');
  2. chromeDebug.openDebug(function(ret, err) {
  3. if (212 == ret.code) {
  4. alert(JSON.stringify(ret));
  5. } else {
  6. alert(JSON.stringify(err));
  7. }
  8. });

补充说明

可用性

Android 系统

可提供的1.0.0及更高版本

closeDebug

关闭 chrome 调试 HTML5 页面的开关,虽然一般也用不到。

closeDebug(callback(ret, err))

callback(ret, err)

ret:

  • 类型:JSON 对象

内部字段:

  1. {
  2. result: 'success' //是否成功,布尔类型
  3. code: 1000 //打开成功
  4. }

示例代码

  1. var chromeDebug = api.require('chromeDebug');
  2. chromeDebug.closeDebug(function( ret, err) {
  3. if (212 == ret.code) {
  4. alert(JSON.stringify(ret));
  5. } else {
  6. alert( JSON.stringify( err ) );
  7. }
  8. });

补充说明

可用性

Android系统

可提供的1.0.0及更高版

错误码

  1. 1000 请求成功

  2. 212 手机的 Android 版本低于4.4,不支持此功能