Web前端-困知记

问题

开发HTML5页面要解决的主要问题之一,就是调用系统的能力,比如拍照/选图/保存图片到相册/录音/录制视频/定位等,而是否能够调用这些能力,在于其运行环境是否开放了这些权限,是否能够便捷地使用,取决于所提供的API。若是微信网页开发,微信提供了js-sdk, 以及weui样式库;那么若是原生APP提供的webview容器呢,或者直接在手机浏览器内运行呢,抑或直接打包成APP呢,是否也能够调用系统能力,并且用得优雅便捷?

HTML5 plus是什么HTML5+是中国HTML5产业联盟的扩展规范,基于HTML5扩展了大量调用设备的能力,使得web语言可以想原生语言一样强大。

HTML5中国产业联盟:

HTML5中国产业联盟,是工信部下属单位,是为了更好的推进HTML5的商用、更好的为HTML5开发者服务而由产业链厂商共同组成的一个联盟。

附:

HTML5+运行环境Runtime版 – for App(运行环境与项目代码打包为原生APP)使用HTML5开发,然后使用HBuilder提供的云打包或本地打包将可以把5+ Runtime和开发者编写的HTML5页面打包为原生App的安装包,包括Android的apk和iOS的ipa。发行到原生应用市场。SDK版 – for Hybrid(原生APP中构建H5+运行环境)在你的原生应用中内嵌5+ SDK,替代手机默认的webview,无论使用Hybrid开发模式,还是在原生App中构建web应用生态,都将能体验到更强大的内核动力。

附:HTML5+运行环境 5+Runtime官网介绍

配套工具HBuilder

HTML5+项目的开发工具,既是代码编辑器,也是基于H5+的APP打包工具。

HBuilder是完整支持HTML5+及JSDoc+规范的优秀开发工具,在HBuilder中可以有效提示HTML5+语法、JSDoc+提示,可以开发、调试、发布基于HTML5+的App。

HBuilder项目调试:

HBuilder 优点:

缺点:

附:HBuilder介绍及下载

MUI框架

一个与HTML5+配套的样式框架

mui框架是一个基于HTML5+规范的开源前端UI框架,它利用了HTML5+扩展的原生能力,解决常用UI控件的性能及跨平台问题。

使用mui框架,可以简单方便的开发出高性能的App,同时mui也可以自动适应没有HTML5+环境的普通浏览器,降低为普通web app,这使得开发者使用mui开发一次,可以同时发布为HTML5+的iOS、Android App,也可同时发布到手机浏览器里。

附:mui官方网站

安卓/IOS中集成HTML5+SDK

安卓集成:

HTML5+ SDK集成:

IOS集成:

widget集成方式与webview集成方式的步骤区别:

由此可知,widget集成方式需要将webApp代码导入到原生工程里,适合同一团队,不适合不同公司间合作;

而webview方式,看起来公司间合作可使用此方式

相关文档:

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
Be happy. No worries, just smile.
开心点,别担心,微笑就好