10款最好用的移动web开发工具

标签: 工具与框架 | 发表时间:2012-04-05 22:57 | 作者:jianguang
出处:http://www.webapptrend.com

对于新款手机来说,好的开发工具变得越来越重要。手机(尤其是iPhone和Android)中的小工具(小软件)非常的重要,而要开发这些小软件就要选择合适的开发工具。

另外,HTML5提供了很多易于移动web开发的特性。例如,所有的网站都是开发放式的,不需要授权;开发者所创造的利润全部归自己所有。无疑,HTML5正在升温,它所体现出来的优势也在不断增加。

最新版本的HTML5,可以存储数据,也就是说,数据不再需要与设备绑定。HTML5给人们所带来的好处远不止这些。当然,也可能会有些小问题,比如:连接问题。有时速度会很慢,这也许和开发技术有关。虽然存在不足,但是HTML5的优势是不可否认的。开发工具的选择也非常重要。Phone gap, chocolate chip- UI, Mobl-lang, the M project 都是很好的开发工具,当然,其它的工具还有很多。

以下列出的这些是目前最好用的开发工具,移动开发者可以(根据具体情况)用这些工具来创建apps,实现丰富的功能。欢迎提出宝贵意见。

1)        mobl-lang

Mobl是一款免费且开源的语言,可以加快移动app的开发速度。结合HTML5技术,mobl具有以下特性:

  • 是一种简洁的语言,给人的感觉就如同native语言,开发速度快;
  • 大型IDE(Eclipse)的支持,可以实现纠错、自动完成代码、自动检索引用等功能;
  • 快速保存、随时测试。每当保存代码时mobl IDE 就会自编译,随时可以在移动浏览器中进行测试。

 

 

2)        The M project

The-M-Project是完全开放源代码的,版权归MIT所有,永久免费。所以极力推荐大家参与到此项目的开发中。

3)        LimeJS

LimeJS是一款HTML5游戏开发框架,适用于所有的触摸屏及桌面浏览器,可以提高开发速度,实现native的用户体验。

4)        davebalmer

5)        zeptojs

Zepto.js 是一款简洁的JavaScript框架,用于开发移动web,其语法与jQuery兼容。Zepto的主要业务是面向移动设备的,在该领域为提高加载速度、优化运行性能,缩小文件的大小、利用浏览器的最新功能显得尤为重要。

Zepto支持Safari, Chrome, Firefox,Opera及所有移动WebKit-based浏览器,包括iOS Mobile Safari, Android浏览器, HP webOS浏览器, Blackberry Tablet OS浏览器及其它浏览器。

6)        touchqode

Touchqode将软件开发工具带进了智能手机里。你可以任何时候在任何地方查看、编辑、部署源代码。

7)        jquerymobile

CDN托管版本的jQuery Mobile可以内嵌到你的网站中。并且已经进行了简化和压缩,也可以对图像文件进行托管。 这是将jQuery Mobile嵌入网站的最快捷方法。

8)        sencha

Sencha Touch 2 是一款高效的HTML5移动app开发框架。Sencha Touch 2旨在打造世界一流的用户体验,是唯一一款(所开发出的软件)在性能和视觉效果上都可以与native app相媲美的框架。

9)        jqtouch

10)     chocolatechip ui

ChocolateChip-UI提供了一些布局和构件,开发者可以用这些构件快速构建web app。有时甚至不需要写代码就可以构建一个完整的app。只要你正确地创建标签,ChocolateChip-UI就可以自动为你添加相应功能,如:导航条、后退按钮等。

作者:Mohit   译者:林建光

原文链接: http://technotab.com/10-most-useful-programming-tools-for-mobile-web/

 

您可能也喜欢:

Firefox上Web开发工具库一览

大调查:Apps VS. Web 谁将是未来主流?

Google Web App开发指南第一章:什么是Web Apps?

Google Web App开发指南第二章:交互设计
无觅

相关 [最好 移动 web] 推荐:

10个最好的移动Web应用开发框架

- Yangan - Creative奥涛的博客_Creative奥涛的博客
在最近几年里,移动互联网高速发展、市场潜力巨大. 继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现. 今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用. Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以快速的开发出运行于移动终端的应用程序.

10款最好用的移动web开发工具

- - Web App Trend
对于新款手机来说,好的开发工具变得越来越重要. 手机(尤其是iPhone和Android)中的小工具(小软件)非常的重要,而要开发这些小软件就要选择合适的开发工具. 另外,HTML5提供了很多易于移动web开发的特性. 例如,所有的网站都是开发放式的,不需要授权;开发者所创造的利润全部归自己所有. 无疑,HTML5正在升温,它所体现出来的优势也在不断增加.

移动web问题小结

- - Web前端 腾讯AlloyTeam Blog | 愿景: 成为地球卓越的Web团队!
这个想必大家都知道,当页面在手机上显示时,增加这个meta可以让页面强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览. 这两个属性分别对ios上自动识别电话和android上自动识别邮箱做了限制. 桌面浏览器中想要获取滚动条的值是通过document.scrollTop和document.scrollLeft得到的,但在iOS中你会发现这两个属性是未定义的,为什么呢.

『Google发布移动Web性能工具PCAP Web Performance Analyzer』

- - jackyrong
最近,Google的Page Speed团队一直在关注如何更好的优化移动Web应用性能. 虽然我们拥有类似Firebug、Page Speed、YSlow!和Chrome/Safari Developer Tools等优秀工具,但是移动浏览器缺少这样的性能分析利器. 为此,Page Speed团队发布了一个分析移动浏览器网络信息的工具——PCAP Web Performance Analyzer.

基于HT for Web的Web SCADA工控移动应用

- - ITeye博客
最近客户采用 HT for Web图形界面组件,实现了油田燃气管网和供水管网等工控SCADA的HMI人机界面,并将系统运行在平板和手机等Android和iOS移动终端,在此我们在技术支持过程中的一些知识点进行些梳理和分享,希望对有志于Web SCADA领域的伙伴们提供些帮助. 移动终端呈现方面,HMI界面布局应用和游戏领域有类似的问题,一般对横版或者竖版会有更好的布局效果,例如有些游戏只支持横版的玩法,这对于采用Native的App应用来说不成问题,可将App配置成只能横向或者纵向布局,但对于移动终端浏览器就有点尴尬,目前大部分终端你是不能限制用户旋转平面导致布局变化.

最好的开源Web开发资源

- 陈晖 - Solidot
51开源社区 写道 "B2bweb.fr对“开源中最好的Web开发的资源(中文)进行了汇总.

移动端web app开发备忘

- - CSDN博客Web前端推荐文章
最近要做个手机html5的页面,做些知识储备,重要的点记录下来以备后续. 1.devicePixelRatio:定义设备物理象素和设备独立象素的比例. css中的px可以看作是设备的独立象素,通过devicePixelRatio,就可以知道设备上的一个css像素代表着多少个物理像素,可以考虑devicePixelRatio+rem进行不同设备间的适配;.

让移动全球化:同步移动化Web和全球化Web策略

- - Web App Trend
在世界上,已有超过55,000,000台iPads被人使用, 在2011年,售出了400,000,000台智能机. 公司在指定他们的web以及 mobile app 策略时,已经开始越来越多将“移动优先”考虑在内了. 例如,Hotels.com这个网站,不仅提供了一个移动最优(mobile-optimized)的站点,还针对 iPad和  iPhone提供了专门的mobile apps.

Chrome移动版取消双击放大,移动web大提速

- - IT经理网
与原生APP相比,移动web最大的问题是延迟和功能受限. 新的Chrome移动版有望改善这两个问题,同时也传递出Google推动移动web的决心. Google最新推出的 32位Chrome测试版使桌面和手机浏览网页的性能和体验都得到了较大提升,尤其是取消了Android上的双击放大功能,此举吹响了移动web化的号角,取消双击放大功能后,那些没有为移动浏览优化的网站的用户体验将变得非常糟糕,在移动用户占比越来越高的未来面临被淘汰的危险.

开源中最好的Web开发的资源

- cgeek - 酷壳 - CoolShell.cn
文章来源:Best “must know” open sources to build the new Web. 个人感觉这个收集贴收集成相当的全. ★ HTML5 Rocks : Major Feature Groups  的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码. 很不错的 HTML5 Dashboard – Mozilla,效果很炫.