html5 app开发用什么工具 html5 app 开发工具有哪些
html5 app\u5f00\u53d1\u5de5\u5177\u6709\u54ea\u4e9b1\u3001Appcelerator
\u3000\u3000Appcelerator\u7684Titanium\u5f00\u53d1\u5e73\u53f0\u4f7f\u5f00\u53d1\u8005\u53ef\u4ee5\u901a\u8fc7HTML\u3001PHP\u3001JavaScript\u3001Ruby\u3001Python\u7b49Web\u7f16\u7a0b\u8bed\u8a00\u5f00\u53d1\u624b\u673a\u3001\u5e73\u677f\u548c\u684c\u9762\u7684\u539f\u751fApp\u3002\u5176\u4f18\u52bf\u5728\u4e8e\u5b83\u53ef\u4ee5\u8ba9\u7528\u6237\u8f7b\u677e\u5730\u8bbf\u95ee\u8d85\u8fc7300\u4e2aAPI\u4ee5\u53ca\u5b9a\u4f4d\u4fe1\u606f\u3002
\u3000\u3000\u6b64\u5916\uff0cAppcelerator\u63d0\u4f9b\u9488\u5bf9\u7279\u5b9a\u884c\u4e3a\u6216\u4e8b\u4ef6\u5b9a\u5236\u7684\u7edf\u8ba1\u3002App\u7684\u6570\u636e\u65e2\u53ef\u50a8\u5b58\u5728\u4e91\u7aef\uff0c\u4e5f\u53ef\u50a8\u5b58\u5728\u8bbe\u5907\u4e0a\u3002
\u3000\u30002\u3001APICloud
\u3000\u3000APICloud\u662f\u4e00\u6b3e\u201c\u4e91\u7aef\u4e00\u4f53\u201d\u7684\u79fb\u52a8\u5f00\u53d1\u5e73\u53f0\uff0c\u4fe1\u4ef0\u201c\u4e91\u7aef\u4e00\u4f53\u201d\u7684\u7406\u5ff5\uff0c\u91cd\u65b0\u5b9a\u4e49\u4e86\u79fb\u52a8\u5e94\u7528\u5f00\u53d1\u3002APICloud\u4e3a\u5f00\u53d1\u8005\u4ece\u201c\u4e91\u201d\u548c\u201c\u7aef\u201d\u4e24\u4e2a\u65b9\u5411\u63d0\u4f9bAPI\uff0c\u7b80\u5316\u79fb\u52a8\u5e94\u7528\u5f00\u53d1\u6280\u672f\uff0c\u8ba9\u79fb\u52a8\u5e94\u7528\u7684\u5f00\u53d1\u5468\u671f\u4ece\u4e00\u4e2a\u6708\u7f29\u77ed\u52307\u5929\u3002APICloud\u7531\u201c\u4e91API\u201d\u548c\u201c\u7aefAPI\u201d\u4e24\u90e8\u5206\u7ec4\u6210\uff0c\u53ef\u4ee5\u5e2e\u52a9\u5f00\u53d1\u8005\u5feb\u901f\u5b9e\u73b0\u79fb\u52a8\u5e94\u7528\u7684\u5f00\u53d1\u3001\u6d4b\u8bd5\u3001\u53d1\u5e03\u3001\u7ba1\u7406\u548c\u8fd0\u8425\u7684\u5168\u751f\u547d\u5468\u671f\u7ba1\u7406\u3002
\u3000\u30003\u3001PhoneGap
\u3000\u3000PhoneGap\u662f\u4e00\u4e2a\u514d\u8d39\u4e14\u5f00\u6e90\u7684\u5f00\u53d1\u73af\u5883\uff0c\u4f7f\u5f00\u53d1\u8005\u53ef\u4ee5\u5f00\u53d1\u51fa\u5728Android\u3001Palm\u3001\u9ed1\u8393\u3001iPhone\u3001iTouch\u53caiPad\u7b49\u8bbe\u5907\u4e0a\u8fd0\u884c\u7684App\u3002\u5176\u4f7f\u7528\u7684\u662fHTML\u548cJavaScript\u7b49\u6807\u51c6\u7684Web\u5f00\u53d1\u8bed\u8a00\u3002\u5f00\u53d1\u8005\u4f7f\u7528PhoneGap\u8fdb\u884c\u5f00\u53d1\uff0c\u53ef\u8c03\u7528\u52a0\u901f\u8ba1\u3001GPS/\u5b9a\u4f4d\u3001\u7167\u76f8\u673a\u3001\u58f0\u97f3\u7b49\u529f\u80fd\u3002
\u3000\u3000PhoneGap\u8fd8\u63d0\u4f9bAdobe AIR App\u4ee5\u53ca\u5728\u7ebf\u7684\u57f9\u8bad\u8bfe\u7a0b\uff0c\u5e2e\u52a9\u5f00\u53d1\u8005\u4e86\u89e3\u539f\u751fAPI\u5e76\u5728\u4ed6\u4eec\u81ea\u5df1\u7684\u5e73\u53f0\u4e0a\u5f00\u53d1\u79fb\u52a8App\u3002
\u3000\u30004\u3001NativeScript
\u3000\u3000NativeScript\u662f\u4f7f\u7528\u79fb\u52a8\u5e73\u53f0\u7684 JavaScript \u5f15\u64ce\u6765\u8fdb\u884c\u8de8\u5e73\u53f0\u5f00\u53d1\u3002\u903b\u8f91\u90e8\u5206\u81ea\u7136\u65e0\u9700\u591a\u8bf4\uff0c\u5173\u952e\u5728\u4e8e\u5982\u4f55\u4f7f\u7528\u5e73\u53f0\u7279\u6027\u3002NativeScript\u662f\u901a\u8fc7\u53cd\u5c04\u5f97\u5230\u6240\u6709\u5e73\u53f0 API\uff0c\u9884\u7f16\u8bd1\u5b83\u4eec\uff0c\u7136\u540e\u5c06\u8fd9\u4e9b API \u6ce8\u5165\u5230 JavaScript \u8fd0\u884c\u73af\u5883\uff0c\u63a5\u4e0b\u6765\u5728 Javascript \u8c03\u7528\u540e\u62e6\u622a\u8fd9\u4e2a\u8c03\u7528\uff0c\u5e76\u8fd0\u884c native \u4ee3\u7801\u3002NativeScript\u662f\u4f7f\u7528\u5927\u91cf web \u5f00\u53d1\u7684\u6280\u5de7\u6765\u8fdb\u884c app \u5f00\u53d1\uff0c\u56e0\u4e3a\u5de5\u5177\u94fe\u548c\u8bed\u8a00\u90fd\u975e\u5e38\u719f\u6089\u53d7\u5230\u4e86\u5f88\u591a\u524d\u7aef\u5f00\u53d1\u8005\u7684\u6b22\u8fce\u3002
\u3000\u30005\u3001Kinvey
\u3000\u3000Kinvey\u540c\u6837\u662f\u4e00\u4e2a\u4e3a\u79fb\u52a8\u5e94\u7528\u5f00\u53d1\u8005\u63d0\u4f9b\u540e\u53f0\u521b\u5efa\u670d\u52a1\u7684\u5e73\u53f0\u3002Kinvey\u5f3a\u8c03\u52a0\u901f\u79fb\u52a8\u5e94\u7528\u5f00\u53d1\u4e0e\u9500\u552e\u7684\u201c\u5373\u53d6\u5373\u7528\u201d\u7406\u5ff5\u3002Kinvey\u7684\u4e2d\u95f4\u5c42\u4e0e\u6570\u636e\u5c42\u5747\u6258\u7ba1\u5728\u591a\u4e2a\u4e91\u670d\u52a1\u63d0\u4f9b\u5546\u5904\uff0c\u5305\u62ec Rackspace\u3001Amazon\u4e0eMicrosoft\u3002\u6240\u6709\u901a\u8fc7Kinvey\u5b58\u50a8\u7684\u6570\u636e\u90fd\u4f1a\u6709\u56db\u79cd\u65b9\u5f0f\u5907\u4efd\uff1aAmazon EC2\u3001Windows Azure\u3001Rackspace\u4ee5\u53caKinvey\u81ea\u5df1\u7684\u670d\u52a1\u5668\uff0c\u5047\u5982\u5176\u4e2d\u4e00\u4e24\u4e2a\u51fa\u73b0\u4e86\u6545\u969c\uff0c\u7528\u6237\u7684\u6570\u636e\u4f9d\u7136\u5b89\u7136\u65e0\u6059\u3002
\u3000\u3000H5edu\u6559\u80b2HTML5\u5f00\u53d1 \u57f9\u8bad\u4e3a\u60a8\u89e3\u7b54
\u3000\u30001\u3001Appcelerator
\u3000\u3000Appcelerator\u7684Titanium\u5f00\u53d1\u5e73\u53f0\u4f7f\u5f00\u53d1\u8005\u53ef\u4ee5\u901a\u8fc7HTML\u3001PHP\u3001JavaScript\u3001Ruby\u3001Python\u7b49Web\u7f16\u7a0b\u8bed\u8a00\u5f00\u53d1\u624b\u673a\u3001\u5e73\u677f\u548c\u684c\u9762\u7684\u539f\u751fApp\u3002\u5176\u4f18\u52bf\u5728\u4e8e\u5b83\u53ef\u4ee5\u8ba9\u7528\u6237\u8f7b\u677e\u5730\u8bbf\u95ee\u8d85\u8fc7300\u4e2aAPI\u4ee5\u53ca\u5b9a\u4f4d\u4fe1\u606f\u3002
\u3000\u3000\u6b64\u5916\uff0cAppcelerator\u63d0\u4f9b\u9488\u5bf9\u7279\u5b9a\u884c\u4e3a\u6216\u4e8b\u4ef6\u5b9a\u5236\u7684\u7edf\u8ba1\u3002App\u7684\u6570\u636e\u65e2\u53ef\u50a8\u5b58\u5728\u4e91\u7aef\uff0c\u4e5f\u53ef\u50a8\u5b58\u5728\u8bbe\u5907\u4e0a\u3002
\u3000\u30002\u3001APICloud
\u3000\u3000APICloud\u662f\u4e00\u6b3e\u201c\u4e91\u7aef\u4e00\u4f53\u201d\u7684\u79fb\u52a8\u5f00\u53d1\u5e73\u53f0\uff0c\u4fe1\u4ef0\u201c\u4e91\u7aef\u4e00\u4f53\u201d\u7684\u7406\u5ff5\uff0c\u91cd\u65b0\u5b9a\u4e49\u4e86\u79fb\u52a8\u5e94\u7528\u5f00\u53d1\u3002APICloud\u4e3a\u5f00\u53d1\u8005\u4ece\u201c\u4e91\u201d\u548c\u201c\u7aef\u201d\u4e24\u4e2a\u65b9\u5411\u63d0\u4f9bAPI\uff0c\u7b80\u5316\u79fb\u52a8\u5e94\u7528\u5f00\u53d1\u6280\u672f\uff0c\u8ba9\u79fb\u52a8\u5e94\u7528\u7684\u5f00\u53d1\u5468\u671f\u4ece\u4e00\u4e2a\u6708\u7f29\u77ed\u52307\u5929\u3002APICloud\u7531\u201c\u4e91API\u201d\u548c\u201c\u7aefAPI\u201d\u4e24\u90e8\u5206\u7ec4\u6210\uff0c\u53ef\u4ee5\u5e2e\u52a9\u5f00\u53d1\u8005\u5feb\u901f\u5b9e\u73b0\u79fb\u52a8\u5e94\u7528\u7684\u5f00\u53d1\u3001\u6d4b\u8bd5\u3001\u53d1\u5e03\u3001\u7ba1\u7406\u548c\u8fd0\u8425\u7684\u5168\u751f\u547d\u5468\u671f\u7ba1\u7406\u3002
\u3000\u30003\u3001PhoneGap
\u3000\u3000PhoneGap\u662f\u4e00\u4e2a\u514d\u8d39\u4e14\u5f00\u6e90\u7684\u5f00\u53d1\u73af\u5883\uff0c\u4f7f\u5f00\u53d1\u8005\u53ef\u4ee5\u5f00\u53d1\u51fa\u5728Android\u3001Palm\u3001\u9ed1\u8393\u3001iPhone\u3001iTouch\u53caiPad\u7b49\u8bbe\u5907\u4e0a\u8fd0\u884c\u7684App\u3002\u5176\u4f7f\u7528\u7684\u662fHTML\u548cJavaScript\u7b49\u6807\u51c6\u7684Web\u5f00\u53d1\u8bed\u8a00\u3002\u5f00\u53d1\u8005\u4f7f\u7528PhoneGap\u8fdb\u884c\u5f00\u53d1\uff0c\u53ef\u8c03\u7528\u52a0\u901f\u8ba1\u3001GPS/\u5b9a\u4f4d\u3001\u7167\u76f8\u673a\u3001\u58f0\u97f3\u7b49\u529f\u80fd\u3002
\u3000\u3000PhoneGap\u8fd8\u63d0\u4f9bAdobe AIR App\u4ee5\u53ca\u5728\u7ebf\u7684\u57f9\u8bad\u8bfe\u7a0b\uff0c\u5e2e\u52a9\u5f00\u53d1\u8005\u4e86\u89e3\u539f\u751fAPI\u5e76\u5728\u4ed6\u4eec\u81ea\u5df1\u7684\u5e73\u53f0\u4e0a\u5f00\u53d1\u79fb\u52a8App\u3002
\u3000\u30004\u3001NativeScript
\u3000\u3000NativeScript\u662f\u4f7f\u7528\u79fb\u52a8\u5e73\u53f0\u7684 JavaScript \u5f15\u64ce\u6765\u8fdb\u884c\u8de8\u5e73\u53f0\u5f00\u53d1\u3002\u903b\u8f91\u90e8\u5206\u81ea\u7136\u65e0\u9700\u591a\u8bf4\uff0c\u5173\u952e\u5728\u4e8e\u5982\u4f55\u4f7f\u7528\u5e73\u53f0\u7279\u6027\u3002NativeScript\u662f\u901a\u8fc7\u53cd\u5c04\u5f97\u5230\u6240\u6709\u5e73\u53f0 API\uff0c\u9884\u7f16\u8bd1\u5b83\u4eec\uff0c\u7136\u540e\u5c06\u8fd9\u4e9b API \u6ce8\u5165\u5230 JavaScript \u8fd0\u884c\u73af\u5883\uff0c\u63a5\u4e0b\u6765\u5728 Javascript \u8c03\u7528\u540e\u62e6\u622a\u8fd9\u4e2a\u8c03\u7528\uff0c\u5e76\u8fd0\u884c native \u4ee3\u7801\u3002NativeScript\u662f\u4f7f\u7528\u5927\u91cf web \u5f00\u53d1\u7684\u6280\u5de7\u6765\u8fdb\u884c app \u5f00\u53d1\uff0c\u56e0\u4e3a\u5de5\u5177\u94fe\u548c\u8bed\u8a00\u90fd\u975e\u5e38\u719f\u6089\u53d7\u5230\u4e86\u5f88\u591a\u524d\u7aef\u5f00\u53d1\u8005\u7684\u6b22\u8fce\u3002
\u3000\u30005\u3001Kinvey
\u3000\u3000Kinvey\u540c\u6837\u662f\u4e00\u4e2a\u4e3a\u79fb\u52a8\u5e94\u7528\u5f00\u53d1\u8005\u63d0\u4f9b\u540e\u53f0\u521b\u5efa\u670d\u52a1\u7684\u5e73\u53f0\u3002Kinvey\u5f3a\u8c03\u52a0\u901f\u79fb\u52a8\u5e94\u7528\u5f00\u53d1\u4e0e\u9500\u552e\u7684\u201c\u5373\u53d6\u5373\u7528\u201d\u7406\u5ff5\u3002Kinvey\u7684\u4e2d\u95f4\u5c42\u4e0e\u6570\u636e\u5c42\u5747\u6258\u7ba1\u5728\u591a\u4e2a\u4e91\u670d\u52a1\u63d0\u4f9b\u5546\u5904\uff0c\u5305\u62ec Rackspace\u3001Amazon\u4e0eMicrosoft\u3002\u6240\u6709\u901a\u8fc7Kinvey\u5b58\u50a8\u7684\u6570\u636e\u90fd\u4f1a\u6709\u56db\u79cd\u65b9\u5f0f\u5907\u4efd\uff1aAmazon EC2\u3001Windows Azure\u3001Rackspace\u4ee5\u53caKinvey\u81ea\u5df1\u7684\u670d\u52a1\u5668\uff0c\u5047\u5982\u5176\u4e2d\u4e00\u4e24\u4e2a\u51fa\u73b0\u4e86\u6545\u969c\uff0c\u7528\u6237\u7684\u6570\u636e\u4f9d\u7136\u5b89\u7136\u65e0\u6059\u3002
1、Adobe Edge
Adobe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上，但adobe承诺将增加更多HTML5功能，比如Canvas、HTML5音频/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。
2、Adobe Dreamweaver
Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。 [2] 访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准。 [2] 使用视觉辅助功能减少错误并提高网站开发速度。
3、HBuilder
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。
4、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
参考资料：百度百科——Adobe Edge
百度百科——Adobe Dreamweaver
百度百科——HBuilder
百度百科——WebStorm
1、Appcelerator
Appcelerator的Titanium开发平台使开发者可以通过HTML、PHP、JavaScript、Ruby、Python等Web编程语言开发手机、平板和桌面的原生App。其优势在于它可以让用户轻松地访问超过300个API以及定位信息。
此外，Appcelerator提供针对特定行为或事件定制的统计。App的数据既可储存在云端，也可储存在设备上。
2、APICloud
APICloud是一款“云端一体”的移动开发平台，信仰“云端一体”的理念，重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。
3、PhoneGap
PhoneGap是一个免费且开源的开发环境，使开发者可以开发出在Android、Palm、黑莓、iPhone、iTouch及iPad等设备上运行的App。其使用的是HTML和JavaScript等标准的Web开发语言。开发者使用PhoneGap进行开发，可调用加速计、GPS/定位、照相机、声音等功能。
PhoneGap还提供Adobe AIR App以及在线的培训课程，帮助开发者了解原生API并在他们自己的平台上开发移动App。
4、NativeScript
NativeScript是使用移动平台的 JavaScript 引擎来进行跨平台开发。逻辑部分自然无需多说，关键在于如何使用平台特性。NativeScript是通过反射得到所有平台 API，预编译它们，然后将这些 API 注入到 JavaScript 运行环境，接下来在 Javascript 调用后拦截这个调用，并运行 native 代码。NativeScript是使用大量 web 开发的技巧来进行 app 开发，因为工具链和语言都非常熟悉受到了很多前端开发者的欢迎。
5、Kinvey
Kinvey同样是一个为移动应用开发者提供后台创建服务的平台。Kinvey强调加速移动应用开发与销售的“即取即用”理念。Kinvey的中间层与数据层均托管在多个云服务提供商处，包括 Rackspace、Amazon与Microsoft。所有通过Kinvey存储的数据都会有四种方式备份：Amazon EC2、Windows Azure、Rackspace以及Kinvey自己的服务器，假如其中一两个出现了故障，用户的数据依然安然无恙。
html5 开发的app的工具暂时没有。
原生API映射的方案，如Titanium、Xamarin，其优点在于功能和性能与原生系统比较接近。
标准化、开发资源的丰富则是HTML5方案最大的优点，同时第三方的HTML5框架工具比如PhoneGap/Cordova也极大促进了HTML5应用的发展，它们提供了方便的跨平台应用打包/发布服务、实用的API、灵活的扩展机制、以及积累下来的丰富的第三方API实现。而上游的W3C一旦开始支持一些新的API，PhoneGap/Cordova也可以很快沿用这些标准的API将相关能力开放出去。
HTML5方案的主要不足则在于功能和性能方面，这主要是因为HTML5应用的能力严重依赖于系统自带的Web引擎：iOS的UIWebview、Android的Webview等，此类组件的HTML5能力相比Safari for iOS、Chrome for Android都要差一截。另外在Android平台上，由于系统碎片化比较严重，不同Android版本的Webview的HTML5能力也有较大差异，导致相应的HTML5应用一致性难以保证。
HTML5应用的能力很大程度上依赖于Web引擎的能力。因此，无论是移动操作系统开发商还是开发工具的开发商，都持续在Web引擎的方向投入了更多的努力。
当然phonegap工具或者 ionic不过最后一个国外用的比较多。
1、Bootstrap
Bootstrap是快速开发Web应用程序的bai前端工具包。它是一个CSS和HTML的集合，它使用了新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。
2、蓝湖
蓝湖用于查看标注和切图下载非常方便
3、Cloud9IDE
Cloud9IDE是一个基于Node.JS构建的JavaScript程序开发WebIDE。它拥有一个非常快的文本编辑器，支持为JS，HTML，CSS和这几种的混合代码进行着色显示。Cloud9IDE还为node.js和GoogleChrome集成调试器，可以在IDE中启动、暂停和停止。
4、Notepad++
Notepad++是一款非常有特色的编辑器，是开源软件，可以免费使用。我们开发人员都是必备的。支持的语言:C,C++,Java,C#,XML,HTML,PHP,Javascript!
5、VisualStudioCode
VisualStudioCode是一个运行于OSX，Windows和Linux之上的，针对于编写现代web和云应用的跨平台编辑器。
6、GIMP
GIMP是GNU图像处理程序(GNUImageManipulationProgram)的缩写。包括几乎所有图象处理所需的功能，号称Linux下的PhotoShop。GIMP在Linux系统推出时就风靡了绘图爱好者圈。
7、SecureHeaders
SecureHeaders是Twitter送给Web开发者的一份大礼，作为一款Web安全开发工具，Secureheaders能够自动实施安全相关的header规则，包括内容安全政策(CSP)，防止XSS、HSTS等攻击，防止火绵羊(Firesheep)攻击以及XFO点击劫持等。
8、Fontello
Fontello是个图标字体生成器。这个工具允许用户把这些图标web字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中；访问大量专业级的开源图标。
扩展阅读：www.sony.com.cn ... 小视频网站哪个可以推广 ... mt管理器苹果版ios版下载 ... html查看程序app下载 ... xjyytvapp下载ios ... 浏览器怎么打开链接 ... java入门网站 ... www.vivo.com ... 浏览器打开网站 ...
