移动Web开发的13个重要工具（下）

移动Web开发工具：XUI（下载），Zepto（下载）

大部分框架所做的主要工作就是将一个应用程序转换成一个很炫的网页，通常它们需要使用自己特定的编程语言。而XUI和Zepto则与这些框架不同。它直接使用HTML和CSS，这已经使得它能够显示开发者想要呈现的各种效果了，而它只是为开发者提供了创建和修改DOM的方法。

这些库并不会重新组合各种部件或是创建任何新的部件。它只提供HTML里面有的部件，开发者可用使用CSS来控制这些部件。这些库为开发者提供了处理DOM的各种方法，如寻找组件、添加类或是丰富事件等等。

这两个库最大的优势就是节省空间。Zepto目前的版本只占2,300个字节，仅是jQuery的十分之一。而XUI则稍微大一点。与jQuery对比是合适的，因为它们提供的功能是相当的。例如，XUI不能在BlackBerry或是IE mobile上兼容。如果你想让它在这些设备上兼容，那么你需要一个更加大的库。

移动Web开发工具：Jo（下载）和Sencha Touch（下载）

Jo和Sencha是两组部件集合，适用于使用JavaScript开发的移动设备。通过JavaScript定义的结构可以调用这两个库的函数，使得屏幕上显示的页面更加美观。这些代码中通常包含比较复杂的功能调用和函数嵌套。

Sencha Touch是由Sencha公司开发的，Sencha公司专门为通用Web页面开发提供设计框架。它也出售支撑方案，但是并不对Sencha Touch收取版权费。该公司的研发团队会解决开发者的疑问，并且还提供了一个开放的技术支持论坛。

Jo是一个取得了OpenBSD授权的开源项目。开发者可以免费使用它，而它的开发者Dave Balmer还为用户提供各种帮助。

我已经使用Sencha Touch开发了几个Web Apps了，我发现这个工具使用起来相当方便，因为它很好地处理了许多常见的布局问题。我曾经自己创建了一个新的组件，而Touch框架很好地将这个新组件放置到了页面中合适的位置上。这些apps能够很好地在iPad和iPhone上运行，尽管二者的屏幕尺寸相差较大。

Jo和Sencha Touch目前的介绍文档还不完善。目前这方面的工作也正在逐步跟进。Sencha的商业版本有更加全面的介绍文档。

移动Web开发工具：jQTouch（下载）

jQTouch是移动Web开发的最好框架之一。虽然他的开发者David Kaneda已经离开了这个项目转而投入Sencha，但Jonathan Stark接手了jQTouch的相关工作，并且对代码进行了优化和补充。

jQTouch开发的Apps是在DIVs中加入HTML。jQuery为DIVs选择合适的类，并加入事件处理代码。

我尝试用jQTouch开发了几个Web Apps，整体感觉jQTouch使用起来还是非常方便的。它可以很方便地与其他Web工具以及服务器端的框架整合在一起。

有些时候，使用jQTouch的代码可以达到native apps的效果。但是它还存在一些奇怪的问题，并且会处理一些没有意义的转换工作，在某些设备上的触摸事件响应速度也不够理想。

移动Web开发工具：PhoneGap（下载）

另一个使用广泛的开源移动框架就是PhoneGap，PhoneGap可以让开发者在智能手机上使用HTML、JavaScript和CSS编写各种native app。许多使用JavaScript编写的apps最后都要与PhoneGap绑定，然后通过App Store推向用户。

这个框架让开发者对HTML有了新的了解。在iOS上，它被称为UIWebView，而在其他的主流智能手机上也有类似的部件。它的目标就是使得HTML、JavaScript和CSS能够在所有的主流平台（如Android、iOS、BlackBerry和WebOS）上运行。

通过使用PhoneGap的几次编程经历看来，PhoneGap的使用方法通常是比较类似的。将一个Web App转变为一个能够在iPhone和Android上运行的native app，只需花费不到一个小时的时间。PhoneGap能够帮助开发者完成窗口的建立工作。

但是PhoneGap的解决方案不算完美。用户还是能够发现使用同一套HTML和CSS代码构建的应用，在Android和iPhone上的显示仍存在许多细微的差别，尽管Android和iPhone都支持同一套Webkit内核。虽然没有在BlackBerry和WebOS做类似的测试，但是不难想象，这两个设备显示的内容应该也有不少的差异。话虽如此，但是PhoneGap确实能够帮助开发者开发出更加通用，性能更好地Web App。

 

文章来源：13 essential programming tools for the mobile Web

译文来源：http://www.webapptrend.com/

 WebAppTrend是一个独立的技术博客，关注Web App前瞻和实践，以及智能浏览器发展 

请大家在关注CSDN的同时，关注我们的新浪微博 @WebAppTrend，欢迎加入我们的QQ群：193775364