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
\u2460\uff1aPhoneGap
PhoneGap \u6050\u6015\u662f\u6700\u8001\u7684\u4e00\u4e2a\u6846\u67b6\u4e86\uff0c\u76f8\u4fe1\u5f88\u591a\u4eba\u90fd\u5df2\u7ecf\u542c\u8bf4\u8fc7\u751a\u81f3\u4f7f\u7528\u8fc7\u5b83\uff0c\u4f46\u662fPhoneGap\u662f\u57fa\u4e8e\u5f00\u6e90\u7684cordova \u5546\u4e1a\u7248\u672c\u3002
\u2461\uff1aIonic
IONIC \u662f\u76ee\u524d\u6700\u6709\u6f5c\u529b\u7684\u4e00\u6b3eHTML5\u624b\u673a\u5e94\u7528\u5f00\u53d1\u6846\u67b6\u3002\u901a\u8fc7SASS\u6784\u5efa\u5e94\u7528\u7a0b\u5e8f\uff0c\u5b83\u63d0\u4f9b\u4e86\u5f88\u591aUI\u7ec4\u4ef6\u6765\u5e2e\u52a9\u5f00\u53d1\u8005\u5f00\u53d1\u5f3a\u5927\u7684\u5e94\u7528\u3002\u5b83\u4f7f\u7528 JavaScript MVVM\u6846\u67b6\u548c AngularJS\u6765\u589e\u5f3a\u5e94\u7528\u3002\u63d0\u4f9b\u6570\u636e\u7684\u53cc\u5411\u7ed1\u5b9a\uff0c\u4f7f\u7528\u5b83\u6210\u4e3aWeb\u548c\u79fb\u52a8\u5f00\u53d1\u8005\u7684\u5171\u540c\u9009\u62e9\u3002
\u2462\uff1aMobile Angular UI
Mobile Angular UI\u662f\u4f7f\u7528 bootstrap 3 \u548c AngularJS \u7684\u54cd\u5e94\u5f0f\u79fb\u52a8\u5f00\u53d1HTML5\u6846\u67b6\u3002
Mobile Angular UI\u7684\u5173\u952e\u5b57\u6709\uff1a
Bootstrap 3
AngularJS
Bootstrap 3 Mobile\u7ec4\u4ef6\uff0c\u6bd4\u5982switches, overlays\u548csidebars\uff0c\u8fd9\u4e9b\u90fd\u662fbootstrap\u4e2d\u6ca1\u6709\u7684\u3002
AngularJS modules\uff0c \u6bd4\u5982 angular-route, angular-touch \u548c angular-animate
\u54cd\u5e94\u5f0f\u5a92\u4f53\u67e5\u8be2\u662f\u5c06bootstrap\u4f5c\u4e3a\u5355\u72ec\u7684\u6587\u4ef6\uff0c\u4f60\u53ea\u9700\u8981\u5305\u542b\u4f60\u6240\u9700\u8981\u7684\u4e1c\u897f\u3002Mobile Angular UIu\u5e76\u4e0d\u5305\u542b\u4efb\u4f55jQuery\u4f9d\u8d56\uff0c\u4f60\u9700\u8981\u505a\u7684\u53ea\u662f\u901a\u8fc7\u4e00\u4e9bAngularJS\u6307\u4ee4\u521b\u5efa\u53cb\u597d\u7684\u7528\u6237\u4f53\u9a8c\u3002
\u2463\uff1aIntel XDK
Intel XDK \u662fInter\u5f00\u53d1\u7684\u4e00\u6b3e\u8de8\u5e73\u53f0\u5f00\u53d1\u5de5\u5177\uff0c\u6211\u4eec\u53ef\u4ee5\u5f88\u5bb9\u6613\u7684\u901a\u8fc7Intel XDK\u5f00\u53d1\u5e94\u7528\uff0c\u4f60\u9700\u8981\u505a\u7684\u53ea\u662f\u4e0b\u8f7d\u4ed6\u4eec\u7684\u5e94\u7528\u5f00\u53d1\u5de5\u5177 \uff0c\u6709Linux\u3001Windows\u548cMac\u7248\uff0c\u5b83\u8fd8\u63d0\u4f9b\u4e86\u5f88\u591a\u4e2a\u5f00\u53d1\u6846\u67b6\uff0c\u6bd4\u5982Twitter bootstrap, jQuery Mobile \u548c Topcoat.
\u2464\uff1aAppcelerator Titanium
Appcelerator\u2019s Titanium \u4e0d\u540c\u4e8e\u5176\u5b83\u6846\u67b6\u7684\u662f\uff0c\u5b83\u662f\u4e00\u4e2a\u5f00\u6e90\u7684\u6846\u67b6\u3002
Titanium\u662f\u6df7\u5408\u5f0f\u79fb\u52a8\u5e94\u7528\u5f00\u53d1\u7684\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848\uff0c\u4f60\u53ea\u9700\u8981\u4e0b\u8f7d Titanium studio\u5c31\u53ef\u4ee5\u89e3\u51b3\u6240\u6709\u7684\u4e8b\u60c5\uff0cTitanium SDK\u5305\u542b\u4e86\u5f88\u591a\u624b\u673a\u5e73\u53f0\u7684APIs\u548c\u540e\u7aef\u4e91\u670d\u52a1\u3002
Titanium\u4f7f\u7528 Alloy\uff0cAlloy\u662f\u4e00\u4e2a\u5feb\u901f\u5f00\u53d1\u7684\u624b\u673a\u5e94\u7528MVC\u6846\u67b6\uff0c \u6a21\u5757\u5f0f\u5f00\u53d1\u53ef\u4ee5\u5927\u5927\u51cf\u5c0f\u5f00\u53d1\u65f6\u95f4\uff0c\u63d0\u9ad8\u4ee3\u7801\u590d\u7528\u3002
\u2465\uff1aSencha Touch
Sencha Touch \u540c\u6837\u4e5f\u662fHTML5\u624b\u673a\u5e94\u7528\u8de8\u5e73\u53f0\u5f00\u53d1\u6846\u67b6\uff0c\u8fd0\u884ciOS/Android/Blackberry\u3002\u5b83\u5df2\u7ecf\u8bde\u751f\u5f88\u591a\u5e74\u4e86\uff0c\u73b0\u5728\u5df2\u7ecf\u6210\u4e3a\u5f88\u5e38\u7528\u7684\u6df7\u5408\u5f0f\u7f16\u7a0b\u5f00\u53d1\u6846\u67b6\u3002
Sencha Touch\u53ef\u4ee5\u8ba9\u4f60\u7684Web App\u770b\u8d77\u6765\u50cfNative App\u3002\u7f8e\u4e3d\u7684\u7528\u6237\u754c\u9762\u7ec4\u4ef6\u548c\u4e30\u5bcc\u7684\u6570\u636e\u7ba1\u7406\uff0c\u5168\u90e8\u57fa\u4e8e\u6700\u65b0\u7684HTML5\u548cCSS3\u7684 WEB\u6807\u51c6\uff0c\u5168\u9762\u517c\u5bb9Android\u548cApple iOS\u8bbe\u5907\u3002
\u2466\uff1aKendo UI
Telerik\u2019s Kendo UI \u662f\u4e00\u4e2a\u5f3a\u5927\u7684\u6846\u67b6\u7528\u4e8e\u5feb\u901fHTML5 UI\u5f00\u53d1\u3002\u57fa\u4e8e\u6700\u65b0\u7684HTML5\u3001CSS3\u548cJavaScript\u6807\u51c6\u3002
Kendo UI\u5305\u542b\u4e86\u5f00\u53d1\u73b0\u4ee3JavaScript\u5f00\u53d1\u6240\u9700\u8981\u7684\u6240\u6709\u4e00\u5207\uff0c\u5305\u62ec\uff1a\u5f3a\u5927\u7684\u6570\u636e\u6e90\uff0c\u901a\u7528\u7684\u62d6\u62c9\uff08Drag-and-Drop\uff09\u529f\u80fd\uff0c\u6a21\u677f\uff0c\u548cUI\u63a7\u4ef6\u3002
Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！
2. Adobe Edge
Adobe Edge是一个用HTML5、CSS、JavaScript开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。
3. DevExtreme
DevExtreme Complete Subscription是性能最优的HTML5,CSS和JavaScript移动开发框架，可以直接在Visual Studio集成开发环境，构建iOS，Android，Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台，是Visual Studio开发人员开发跨平台移动产品的首选工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
5. Sencha Architect
在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 JavaScript应用，并实时预览。
有webapp可以看看。
希望我的回答可以帮到你，有什么不懂可以追问。
扩展阅读：www.sony.com.cn ... 普遍服务管理系统app ... 小视频网站哪个可以推广 ... uniapp开发出来的app ... hikaripe镜像img版下载 ... 浏览器打开网站 ... 浏览器怎么打开链接 ... upx海外浏览器app资源 ... 免费的一键发币app ...
