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

调试安卓设备上的chrome浏览器：





要求：

1、一台安装有chrome浏览器 for android32+的安卓设备
2、安卓设备的usb数据线
3、安装有chrome 32+的电脑（需要安装有安卓设备的usb驱动）

步骤：
1、安卓设备打开USB调试

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

3、电脑上，点击Chrome 菜单 > 工具 > 检查设备，如下图：



确保"Discover USB devices"打上勾，如下图



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



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

调试Android webview：

注意只有Android 4.4 (KitKat)的webview才支持远程chrome调试。

找到这个文件

C:\Users\{用户名}\.cordova\lib\android\cordova\{版本如3.4.0}\framework\src\org\apache\cordova\CordovaWebView.java
661行 修改：

@SuppressLint("NewApi")  
     private void loadConfiguration() {  
        if ("true".equals(this.getProperty("Fullscreen", "false"))) {  
            this.cordova.getActivity().getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);  
            this.cordova.getActivity().getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);  
        }  
        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  
            this.setWebContentsDebuggingEnabled(true);  
        }  
    }

重新build你的项目，打包安装到手机上，然后接下来的就和上面调试chrome是一样的了。