jQuery MiniUI,Ajax Web开发

使用GapDebug来调试Sencha开发的混合应用程序


许多Sencha开发者每天都使用Cordova或者PhoneGap来部署自己的混合应用程序。但是直接在设备上调试一个HTML5应用程序是一件非常痛苦的事情。GapDebug的出现使这一过程变得更加容易,所有的应用程序和设备都使用统一的接口,而无需开发人员添加特殊的代码。

GapDebug


如果使用GapDebug来调试?


--即插即用调试

在刚开始调试的时候,iOS或Android设备都需要一个简单的配置文件来开始调试;以后你只需要将你配置好的设备连到电脑上。该设备可能会提醒你批准连接,一旦连接完成,设备的相关信息就会出现在GapDebug界面的左边。

在移动设备上,打开你要高度的应用,如果该应用不是最新的,你可以用GapDebug上的下载图标,将最新的应用安装到设备上;当然,你也可以将一个二进制的可执行文件直接拖到该设备上来安装;当打开应用后,应用的ID和图标都会出现在GapDebug的设备面板中。

在设备面板中选择你要调试的程序,有两个版本的调试器可供选择。

  • iOS上基本Apple’s Safari Webkit的调试器
  • Android上基本Chrome的调试器

当我们开始调试的之前,让我们来和最流行的调试工具Weinre比较一下;

GapDebug vs Weinre

在GapDebug出现之前,一直是使用Weinre来调试PhoneGap应用程序。Weinre是由Patrick Meuller于2011年开发针对iOS和Android的PhoneGap应用程序进行远程调试的开源解决方案。它在应用程序启动时,会动态加载一个Javascript库,一个浏览器的用户调试界面,通过一个服务将这应用程序和调试界面联系起来。

Weinre是完全用JavaScript实现的,需要安装Node.js并运行在本地,但你也可以不安装,使用免费的在线Weinre服务器。

虽然Weinre仍然是一个创新的工具,它已经开始跟不上时代步伐。让我们来看看Weinre的优点和缺点:

优点

  • 该调试器提供DOM和CSS检查工具,资源浏览器和分析器,以及JavaScript控制台
  • 开发人员可以同时在多个设备调试多个应用程序
  • 移动设备只网络连接,无需USB线
  • 不需要特殊的设备配置
  • Weinre比GapDebug支持更多的iOS和Android版本。 (GapDebug支持Android的V4.4及以上和iOS V5及以上)
  • 开源并使用Apache许可

缺点
  • 该Weinre用户界面是一个过时版本的WebKit
  • 没有JavaScript的调试和分析
  • 不容易重新加载应用程度来测试其它事件
  • 需要对应用程序代码作修改,包含一个特殊的script脚本
  • 设备必须与网络连接,无法脱机调试方案
  • 需要处理的时间用于与远程Weinre服务器的通信
  • 服务器连接会经常超时,偶尔会意外终止调试会话

相比之下,GapDebug在2014年6月推出后,每月都会有更新。

优点

  • 提供了最强大的混合应用程序基于Safari浏览器的WebKit和Chrome开发者工具的特殊版本的调试功能
  • 专业版Windows和Mac OSX的安装程序,可以自动更新
  • 免费提供给所有用户,包括商业用途
  • 同时调试多个设备的多个应用程序
  • 无需修改应用程序代码添加特殊代码
  • 设备不需要网络连接,可以离线调试应用程序
  • 非常简易重新加载应用程序
  • Windows用户可以远程调试iOS应用
  • 可以通过互联网远程查看,控制和调试的Android应用程序

缺点

  • 部分用户认为使用USB线不好
  • 目前,没有统一用户界面(跨平台的调试,你必须​​同时学会Safari调试工具和Chrome开发人员工具 - Genuitec正在努力在将来的版本中统一用户界面)
  • 目前只支持Android的V4.4及以上和iOS5及以上

使用GapDebug调试Sencha


由于Sencha Cmd已经与Cordova和PhoneGap紧密集成,Ext JS和Sencha的开发人员可以马上从GapDebug这个绝佳调试工具中受益。

使用GapDebug,你可以同时调试多个iOS和Android应用程序,你甚至可以在Windows上调试iOS的应用程序。它可以检查所有的HTML和CSS,调试JavaScript和资源分析等功能。当你用PhoneGa和Cordova开发Sencha应用程序时,用GapDebug来调试是最好的选择。

总结


在大多数情况下,GapDebug都要比Weinre好用。虽然GapDebug和Weinre都需要安装插件来调试,但GapDebug不需要修改代码,GapDebug的调试工具是最先进的,即使设备没有连网也可以用。最后,GapDebug由Genuitec团队持续改进中。

马上下载GapDebug来调试你的Ext JS和Sencha Touch应用吧!

译者: 吴小强
译文: http://extjs.org.cn/node/726/

作者: Arthur Kay
原文: http://www.sencha.com/blog/using-gapdebug-to-test-hybrid-web-apps-built-with-sencha-frameworks/