最近做前端开发，用到了GapDebug，觉得这工具挺有意思的，就大概研究了下，这里简单总结一下（我的开发环境是win7,设备是nexus5,android5.0）。
GapDebug运行后将自己变成了一个本地web服务器。当打开菜单点击调试器，会弹出调试器，这个调试器其实就是chrome浏览器（事实上其他webkit内核的浏览器也可以），会访问GapDebug（注意此时GapDebug可以看成本地web服务器）提供的页面 。如http://localhost:8080/gapdebug/index.html。调试工具本身就是web页面构成。操作调试工具其实本质上就是操作网页，这时网页会通过ajax访问GapDebug进程，然后GapDebug进程收到访问请求又会去访问adb守护进程，然后adb守护进程又会通过usb线缆或者是tcpip与我的nexus5手机上的adbd守护进程通讯，然后adbd与包含有webkit控件的app通讯。如下:
chrome浏览器(调试工具网页)<==>GapDebug(看成web服务器)<==>adb(默认是5037端口)<==>adbd(手机端)<==>包含webkit的app(手机端)
这里顺便提下chrome这个强大的浏览器，本身也带有远程调试web功能，在浏览器运行chrome://inspect/#devices页面 就可以进行操作，流程都大同小异。如下:
chrome浏览器(chrome://inspect/#devices)<==>adb(默认是5037端口)<==>adbd(手机端)<==>包含webkit的app(手机端)
这里还有一种简单的方式，命令行中运行 adb forward tcp:9222 localabstract:chrome_devtools_remote 然后打开浏览器输入http://localhost:9222 就可以远程调试了。
数据流程如下:
chrome浏览器(http://localhost:9222)<==>adb(9222端口)<==>adbd(手机端)<==>包含webkit的app(手机端)
补充:
1. 想用上面几种调试方法记得先翻墙，因为包含有调试工具页面的url都被墙了，如 appspot.com。
2. 另外有兴趣可以用chrome浏览器打开chrome-devtools://devtools/bundled/devtools.html 看看，这个就是网页版的调试工具，强大！！！
3. 如果是调试网页，移动设备需要安装Chrome for Android ，且安卓系统须为Android 4.0+
4. 如果要调试自己app中嵌入的webkit 需要系统为Android 4.4+ 并且原生应用内的WebView须进行相应的调试配置，在代码中加入WebView.setWebContentsDebuggingEnabled(true)。
5. 远程调试要求桌面版Chrome浏览器版本要高于安卓移动设备的Chrome版本号。有条件的最好使用Chrome 的金丝雀特别版Chrome Canary (Mac/Windows)或者Chrome桌面开发版Chrome Dev channel release (Linux)。
6. GapDebug只所以能调试PhoneGap打包的app，本质上还是用了google官方提供的调试功能，所以要求系统是Android 4.4及其以上版本。
参考: