html5 plus应用概述

HTML5 Plus 规范

通过 HTML5 开发移动 App 时，会发现 HTML5 很多能力不具备。为弥补 HTML5 能力 的不足，在 W3C 中国的指导下成立了 www.HTML5Plus.org组织，推出 HTML5+规范。

HTML5+扩展了 JavaScript 对象 plus，使得 js 可以调用各种浏览器无法实现或实现不佳的系统能力，设备能力如摄像头、陀螺仪、文件系统等，业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。

HBuilder 的手机原生能力调用分 2 个层面：

a)   跨手机平台的能力调用都在 HTML5+ 规范里，比如二维码、语音输入，使用

plus.barcode 和 plus.speech。编写一次，可跨平台运行。

b)   JS Bridge是另一项创新技术，通过 js 可以直接调 iOS 和 Android 的原生 API，这部 分就不再跨平台，比如调 ios game center，或在 android 手机桌面创建快捷方式。 JSB 的用法是，var obj= plus.android.import("android.content.Intent");，将一个原生对 象 android.content.Intent 映射为 js 对象 obj，然后在 js 里操作 obj对象的方法属性就可以了

HTML5+ App

使用 HTML5+开发的移动 App 并非 mobileweb 页面。这是新手最容易混淆的地方。 mobileweb 的文件存放在 web 服务器上，而移动 App 的文件存放在手机本地，编写移动 App 的 html、js、css文件被打包到 ipa 或 apk 等原生安装包，在手机客户端运行。

当然这些移动 App 里某些页面也可以继续从服务器端以网页方式下行。

所以 mobile web，在 HBuilder 里新建项目时，属于 web 项目。不要放置到移动 App 项 目下。mobile web 项目也不能真机联调和打包。

举几个例子。

例 1：一个 mobile web 项目，想打包成移动 App。

a)   在 HBuilder 里新建一个 web 项目，把 mobile web 代码放进去。

b)   在 HBuilder 里新建移动 App

c)   在新建的移动 App 下找到 manifest.json，将其中的入口页面配置为 mobileweb 的网 络地址。

d)   然后点发行打包，就得到一个移动 App 的安装包。除了可发行到 Appstore 和桌面 有个快捷方式外，与浏览器的体验不会有其他区别。

e)   另外其实 mobile web 的代码，也可以判断自己运行的环境，如果 UA 里包含 “Html5Plus”，也可以写 plus 对象来调用原生能力。

 

转载于:https://www.cnblogs.com/lovelgx/articles/6004878.html