[Phonegap+Sencha Touch] 移动开发17 使用桌面chrome调试安卓设备上的chrome和cordova app(webview)

原文地址：http://blog.csdn.net/lovelyelfpop/article/details/24703069

英文原文： 《Remote Debugging Chrome on Android》

调试安卓设备上的chrome浏览器或Cordova应用：

要求：

1、一台安装有chrome for android或cordova app的安卓设备（如果你是调试Cordova app或webview，就不用装chrome了）

2、安卓设备的usb数据线

3、安装有chrome的电脑（需要安装有安卓设备的usb驱动）

步骤：

1、安卓设备打开USB调试

2、将安卓设备用USB数据线连接至电脑

3、电脑上，Chrome  地址栏输入 chrome://inspect/#devices 回车

确保"Discover USB devices"打上勾

如果看不到设备，请检查：
(1) 安卓手机 开发者选项 - 调试开关 已经打开

(2) 电脑已安装安卓手机驱动（可以用 各种手机助手 连接手机，会自动安装驱动。装完驱动，再完全退出手机助手）

(3) 第一次连接手机，手机会提示 "一律使用这台计算机进行调试"，请确认已经勾选并确定

(4) 确保电脑上不要有 各种手机助手 开着（助手会占用 adb 调试端口）

(5) 确保qq设置里的 "安卓设备连接时提醒" 开关没有勾选（QQ会占用 adb 调试端口）

(6) cmd 执行 adb devices 能看到你的手机

(7) 你的 apk 一定要是 debug 版本，不能是 release 的

4、只要安卓设备上打开chrome（或者cordova app），就可以在电脑的chrome上看到连接的设备和打开的页面了，找到你要调试的页面，点击"inspect"，就可以了，如下图

使用上和电脑端chrome开发者工具没什么不同。支持js断点调试哦

注意：第一次使用时候，开发者工具会显示一片空白，解决办法是需要翻墙一次（国内，你懂的）。

你的 chrome 得要能访问 https://chrome-devtools-frontend.appspot.com 才行！

调试 Cordova/Webview：

注意只有 Android 4.4 (KitKat) 及以上的 webview 才支持远程 chrome 调试。或者使用了CrossWalk 内核插件 的也可以用 chrome 调试。

Cordova 直接build出来的是debug的apk，可以直接使用chrome调试；

如果你要调试的是带数字签名的release版本，可以在AndroidManifest.xml中设置android:debuggable属性，如下：

<application 
	android:hardwareAccelerated="true" 
	android:icon="@mipmap/icon" 
	android:label="@string/app_name" 
	android:supportsRtl="true"
    android:debuggable="true">

这里有更详细的操作步骤：

《 移动端Web开发调试之Chrome远程调试(Remote Debugging)》