摘要：HTML/JavaScript的优势自不必说，但却也并非完美，相比之下，原生App占内存更少、响应更快。本文详解了HTML5移动开发框架PhoneJS的使用全过程，通过它，能够让Web应用在移动设备的浏览器上像原生App一样运行。



移动App开发框架可谓是数不胜数，而如今，基于HTML5的框架也变得越来越多。这些新一代的开发工具让开发者们无需精通原生SDK和Objective-C、Java等编程语言，即可直接进行移动应用开发。

为什么HTML5会如此大受开发者欢迎？

HTML5之所以被广泛应用，其中一条非常重要的原因就是BYOD的出现。BYOD来袭意味着开发者不需要再局限于某个单一平台，因为用户希望在他们日常使用的设备上都能运行这些App。通过HTML5，开发者可以在一个代码库的基础上开发适用于不同设备的App，其体验与原生App基本无异。不需要重复编程，也无需使用多重语言或SDK。现代Web浏览器的发展使HTML5能够实现跨平台、适用于不同设备的解决方案，这些方案与“原生”App体验极为相似，往往很难分清它究竟是原生开发还是使用HTML开发。

​​ ​​

多平台支持、投放市场时间以及维护成本低，HTML/JavaScript的优势还远不止于此。在缓解WinRT、Chrome OS、Firefox OS和Tizen等新兴技术所带来的长期风险方面，HTML的能力无出其右。简单来说就是，HTML/JavaScript就是唯一一个能够让应用跨平台的编程语言。

当然，HTML/JavaScript也并非没有缺点。相比HTML5 App，Native App所占用内存更少、响应更快。但只要在Web应用能够正常运行的所有情况中，你也可以做出一点让步，创建一个移动Web App，或从单一代码库为应用商店、多平台打包应用。而这个时候使用HTML JavaScript移动开发框架PhoneJS是最好不过的了，本文详细讲解了PhoneJS使用全过程，接下来，就让我们一起来看看吧。

HTML5应用开发框架PhoneJS：移动App开发新选择

PhoneJS是一个通用、灵活、高效的跨平台HTML5移动App开发框架，适配PhoneGap，是一个单页应用（SPA，single page application）框架，带有视图管理和URL导航。其布局引擎允许开发者在视图中设置抽象导航，如此一来，同一款App就可以根据不同的平台或因素进行调整。PhoneJS包含了iOS、Android、Windows Phone 8等当今最流行的移动平台内置的一整套触屏优化UI组件。

​​ ​​

如果开发者想要进一步了解PhoneJS开发原理，以及创建、发布App的方法，可以登陆​​App Store​​、​​Google Play​​或​​Windows Store​​下载其Demo应用​​Tip Calculator​​，也可以登陆​​GitHub​​下载该应用的完整源码。

PhoneJS布局与导航

TipCalculator是一个使用HTML5构建的单页应用。起始页是带有标准元标签、index.html以及CSS和JavaScript资源链接。它包含有一个JavaScript文件index.js的脚本引用，内有配置PhoneJS应用框架逻辑的代码：

 




[js] ​​view plain​​​​copy​​



  2. TipCalculator.app = new DevExpress.framework.html.HtmlApplication({  
  3.        namespace: TipCalculator,  
  4.        defaultLayout: "empty"  
  5. });  


 

在本段代码中，我们必须要指定App的默认布局。在这个例子中，我们使用了最简单的空布局，而其更高级的布局还能为交互式导航风格提供完整支持。

​​ ​​

PhoneJS采用了许多服务器方框架支持的固定布局方法，包括Ruby on Rails和ASP.NET MVC。想要了解关于视图和布局的详细信息，可点击链接查看PhoneJS在线文档。

 

 ​