在Android上远程调试JavaScript

Posted 周六, 11/06/2010 - 12:16 by admin

当开发人员在调试Android移动设备上调试网页时,经常遇到很多障碍.虽然Android开发指南中提供了解决方案,但这个方案非常复杂和麻烦.因此,许多Web开发人员还是经常在Firefox Debug或者Webkit’s Web Inspector上调试,因为这些工具都是功能强大,使用方便.然而,开发人员常常发现,当使用这些工具看到的效果跟最终移动设备上看到的很多时候都相差甚远.

我们决定建立自己的解决方案,由Adndroid团队提出的标准解决方案中建立一个更容易使用的工具.我们称之为RemoteJS,这是一个可以让你的程序在Android设备或者模拟器中运行,而在本地调试你的JavaScript代码.
如何建立RemoteJS
构建应用程序是一个相当简单的过程.首先,确认你已经安装了Qt Framework.然后从我们的Sencha Libs中下载Android版本的RemoteJS源代码.构建桌面应用程序如果下:

git clone git://github.com/senchalabs/android-tools.git
cd android-tools/remotejs/src/desktop
qmake && make

接下来，你需要做的是先准备安装好了的Android SDK，插入您的Android设备（或启动你的模拟器）。这里是该RemoteJS工具截图，一个Sencha Touch运行在模拟器上的例子：

该程序其实是自动在设备上安装了同名的包.用这一个工具来打开你的网页,而不是Android自带的浏览器.但由于两个程序使用了相同的Web引擎组件,所以你不用担心兼容性的问题,两个程序出来的效果将会是一模一样的.如需了解更多详情,请参考说明文件.

要打开一个指定的网址，只需在其控制台上输入即可。如果你输入的网址没有包含协议(如:http)，那么只有以"www”"开头的地址会被识别。如果你连接了多个设备，那么你将会得到一个列表以供选择。同样，它会检测你的正在使用的设置是否已经断开。然后它只会留下已连接的设备。同样,如果一个设备新加进来,它也会被检测到.

请注意，有时候为了得到一些实际的输出，你需要使用console.log。

编写远程调试的脚本
We thought that since the GUI version worked so well, we could write something similar that would run headlessly. The main goal was to automate page regression tests, taking full advantage of Python, the chosen implementation language. For that, an Android Debug Bridge (adb) Python module was written, which allows for very flexible scripting from your host. Naturally, a shell version of RemoteJS was also written on top of the adb module. It listens for JavaScript commands on stdin and output results to stdout. Here’s the tool in action, debugging another Sencha Touch example: