使用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/