html5开发手机app（HTML5+js 可以开发手机app么）

本文目录

• HTML5+js 可以开发手机app么
• html5在手机app开发方面有什么好的框架
• 怎么用HTML5开发手机app
• 怎么实现用html5开发app
• html5 app开发用什么工具
• 使用HTML5可以开发APP
• html5 app开发框架有哪些
• html5做手机app和做手机网页一样吗
• HTML5能不能开发手机app
• HTML5做手机APP的话，流程是怎样的

HTML5+js 可以开发手机app么

使用HTML5技术开发APP，实质就是开发一个web app，html5 开发手机app要比pc上面广，如今很多app开发公司都是用了这门语言。结合html5和css的一些特性制作（主要是css3的媒体检查，根据不同视口载入不同样式），但制作出来的东西能否被称为手机app，这个还要看功能，如果你制作出来的东西能完成某些功能或者某种任务，这能被叫做webapp，如果不能就不要叫什么app，最多算是一种手机展示方式。至于安卓和ios版本的问题，考虑主要是图片分辨率的问题，区别不大。

html5在手机app开发方面有什么好的框架

jquery mobile和bootstrap都是较好的框架jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

怎么用HTML5开发手机app

你说的这个主要制作思路是使用响应式设计，结合html5和css的一些特性制作（主要是css3的媒体检查，根据不同视口载入不同样式），但制作出来的东西能否被称为手机app，这个还要看功能，如果你制作出来的东西能完成某些功能或者某种任务，这能被叫做webapp，如果不能就不要叫什么app，最多算是一种手机展示方式。至于安卓和ios版本的问题，考虑主要是图片分辨率的问题，区别不大。

怎么实现用html5开发app

Html5是一种网页开发语言，现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5 技术为开发者提供了一个跨平台的移动apps开发方案，并且该方案具有很好的扩展性和灵活性。 如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发app上，html5应用只有两种方法，要不就是全使用HTML5的语法，要不就是仅使用JavaScript引擎。 JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订了一个UI工具包去使用。 纯HTML5手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。 HTML5手机应用的最大优势就是可以在网页上直接调试和修改。原生应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是首先得解决的一个问题。 即使这样，爱在临港还是很看好html5 app开发，原因有一下几点。 一：现在HTML5非常火的技术，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。 二：html5对android、ios系统都支持。 三：HTML5可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。四：html5开发app，能提供更快、更简便的服务，代码可高度重用，服务发布方便。 五：动画、游戏方面，地理定位方面的app应用正在崛，而html5技术优势正是这在些方面。 可以说，未来采用html5开发app的，将会大量减少代码量，应用软件也会得到更高的用户体验。

html5 app开发用什么工具

1、Adobe Edge

Adobe Edge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上，但adobe承诺将增加更多HTML5功能，比如Canvas、HTML5音频/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。

2、Adobe Dreamweaver

Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。   访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准。   使用视觉辅助功能减少错误并提高网站开发速度。

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

使用HTML5可以开发APP

Html5是一种网页开发语言，现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5技术为开发者提供了一个跨平台的移动apps开发方案，并且该方案具有很好的扩展性和灵活性。如今国内使用html5开发app应用技术尚有欠缺，因为在手机开发app上，h

html5 app开发框架有哪些

①：PhoneGap

        PhoneGap 恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的cordova 商业版本。

②：Ionic

        IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。

③：Mobile Angular UI

        Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。

Mobile Angular UI的关键字有：

• Bootstrap 3

• AngularJS

• Bootstrap 3 Mobile组件，比如switches, overlays和sidebars，这些都是bootstrap中没有的。

• AngularJS modules， 比如 angular-route, angular-touch 和 angular-animate

        响应式媒体查询是将bootstrap作为单独的文件，你只需要包含你所需要的东西。Mobile Angular UIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。

④：Intel XDK

        Intel XDK 是Inter开发的一款跨平台开发工具，我们可以很容易的通过Intel XDK开发应用，你需要做的只是下载他们的应用开发工具 ，有Linux、Windows和Mac版，它还提供了很多个开发框架，比如Twitter bootstrap, jQuery Mobile 和 Topcoat.

⑤：Appcelerator Titanium

       Appcelerator’s Titanium 不同于其它框架的是，它是一个开源的框架。

       Titanium是混合式移动应用开发的一站式解决方案，你只需要下载 Titanium studio就可以解决所有的事情，Titanium SDK包含了很多手机平台的APIs和后端云服务。

       Titanium使用 Alloy，Alloy是一个快速开发的手机应用MVC框架， 模块式开发可以大大减小开发时间，提高代码复用。

⑥：Sencha Touch

        Sencha Touch 同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。

        Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。

⑦：Kendo UI

        Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。

html5做手机app和做手机网页一样吗

不一样，需增加自适应标签来保持一样。

代码如下：

《meta name=“viewport“ content=“width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no“/》

解释：Viewport指用户网页的可视区域，content中的“width”指的是虚拟窗口宽度，上面代码意为虚拟窗口/页面宽度初始比例为1，最小比例为1，最大比例为1，用户不可扩展，页面不可缩放。

扩展资料：

HTML5的事件属性和异常处理

事件属性

HTML 5 元素可拥有事件属性，这些属性在浏览器中触发行为，比如当用户单击一个HTML 5元素时启动一段 JavaScript。下面列出的事件属性，可以把它们插入 HTML 标签来定义事件行为。

HTML 5 中的新事件属性：

onabort， onbeforeunload， oncontextmenu， ondrag， ondragend， ondragenter， ondragleave， ondragover， ondragstart， ondrop， onerror， onmessage， onmousewheel， onresize， onscroll， onunload。

HTML5能不能开发手机app

可以开发手机app，这个就是常说的混合开发，然后进行封装使用，但是这样没有原生的流畅，但是成本低啊，比原生开发成本最少低一半，对于新创业的平台，还是可以的。

HTML5做手机APP的话，流程是怎样的

HTML5的离线应用和本地化存储等API，使它可以被用来开发Native App。这种Native App也有安装的一个动作，这是与Web App的明显差别。使用HTML5开发的Native App，一般又称为混合型App（Hybrid App）。流程：1、开发对应的Web App；2、搭建Native App的开发环境；（比如Android的JDK+Eclipse+ADT+SDK）3、使用中间框架来帮助生成；（比如PhoneGap）4、生成App并发布到应用市场。另外，使用纯web语言开发的Native App，执行效率普遍不高，事件响应有延迟。大型企业级应用，为了获得更好的用户体验，可使用web语言配合本地语言的方式开发。