开发HTML5页面主要要解决的问题之一就是系统的调用能力，比如拍照/选图/保存图片到相册/录音/录影/定位等，这些能力是否可以调用，关键在于它的运行环境是否开放了这些权限，能否方便的使用取决于提供的API。针对微信web开发，微信提供js-sdk、weui样式库；那么如果原生APP提供的webview容器，或者直接在手机浏览器中运行，或者直接打包成一个APP，是不是也可以调用系统能力呢？，又优雅又方便地使用它？什么是HTML5+？HTML5+是中国HTML5产业联盟的扩展规范。基于HTML5，扩展了调用大量设备的能力，让网络语言和原生语言一样强大。HTML5中国产业联盟：HTML5中国产业联盟是工信部直属单位。是产业链厂商为了更好的推动HTML5的商业化，更好的服务于HTML5开发者而结成的联盟。附：HTML5+规范文档效果示例HelloH5+HTML5+运行版-针对使用HTML5开发的App（运行环境和项目代码打包为原生APP），然后使用HBuilder提供的云打包或者本地打包就可以组合5+运行及开发作者编写的HTML5页面打包为原生App安装包，包括Androidapk和iOSipa。发布到原生应用市场。SDK版-forHybrid（在原生APP中搭建H5+运行环境）在你的原生APP中嵌入5+SDK来替换手机默认的webview，无论你使用Hybrid开发模式还是在原生App中搭建web应用生态都能体验到更强大的功能核心力量。附：HTML5+运行环境5+Runtime官网介绍配套工具HBuilderHTML5+项目开发工具，它不仅是代码编辑器，还是基于H5+的APP打包工具。HBuilder是一款优秀的开发工具，全面支持HTML5+和JSDoc+规范。在HBuilder中，可以有效提示HTML5+语法和JSDoc+提示，开发、调试、发布基于HTML5+的应用。HBuilder工程调试：下载HBuilder；使用邮箱注册HBuilder账号；新建项目：分为手机App、web项目和Wap2App；测试运行HelloH5和HelloMui项目，手机功能需要在真机上调试，需要真机通过USB连接手机启动调试模式，可以边运行边查看电脑控制台的输出在手机上；只有手机App类型的项目可以开启真机调试，web类型的项目无法将App类型的项目移到真机上运行，??USB连接除外。通过同一局域网访问，但无法显示页面中的原生标签；也可以通过同一局域网在真机/电脑浏览器上访问web类项目进行开发调试；但需要调用手机系统能力的功能无效；HBuilder优点：性能体验很好；支持多种系统能力调用；配套的Mui框架挺好看的，组件也比较齐全；缺点：官方文档写的，阅读体验差；附：HBuilder介绍及下载MUI框架匹配HTML5+风格的框架mui框架是一个基于HTML5+规范的开源前端UI框架。它利用HTML5+扩展的原生能力来解决常用UI控件的性能和跨平台问题。使用mui框架，开发高性能应用程序简单方便。同时，mui还可以自动适配没有HTML5+环境的普通浏览器，还原为普通的webapp。这使得开发者使用mui开发一次，同时发布为HTML5+。iOS和Android应用程序也可以同时发布到移动浏览器。附：HTML5+SDK在mui官网Android/IOS中集成Android集成：HTML5+SDK集成：独立应用集成方式：Widget集成方式，开发者集成后需要时启动HTML5+SDK，在指定位置显示5+目录WebAPP单页集成方式：Webview集成方式，用户可以在需要的时候展示一个支持5+扩展API的Webview页面。使用单页面方式集成5+SDK，页面中不能调用plus.webview接口新建页面，不影响其他5+接口的使用。IOS集成：独立应用集成方式：独立应用方式中，开发者需要将HTML5+SDK生成的首页设置为当前View的子View。HTML5+SDK将管理应用程序。Widget集成模式：运行方式与单机模式类似。在集成过程中，开发者可以在需要的位置启动HTML5+SDK，显示指定的HTML5+应用。Webview集成方式：用户可以在任意页面上以Webview的形式独立显示HTML5+SDK页面，并显示Webview页面。widget集成方式和webview集成方式的区别：Android-widget集成方式：将5+SDK导入现有原生项目->将WebApp导入现有原生项目->5+SDK集成代码编写Android-webview集成方式:import5+SDK导入已有的原生项目->5+SDK集成代码编写从这里可以看出，widget集成方式需要将webApp代码导入到原生项目中，适合同一个团队，不适合不同公司之间的合作；还有webview方式，好像公司间合作可以用这个方式相关文档：Android平台5+SDK接口说明Android平台在WebView方式中集成了HTML5+SDK方式Android平台在Widget方式中集成了HTML5+SDK方式IOS平台在Widget方式中集成了HTML5+SDK方式在WebView方式IOS平台使用Widget方式集成HTML5+SDK方式HTML5+SDK更新日志他人经验分享：Android/IOS中集成HTML5+SDK：Runtime方式和widget方式：http://ask.dcloud。net.cn/ques...http://ask.dcloud.net.cn/arti...HTML5+与DCloud等的关系HTML5中国产业联盟是工信部直属单位。联盟成立于2013年，工信部信息通信研究所标准所为联盟管理单位。单位，DCloud为工会书记单位。DCloud是W3C成员，中国HTML5产业联盟发起人，致力于推动HTML5发展，构建HTML5生态圈。HBuilder/5+Runtime/MUI/wap2app/Streamingapplication是DCloud开发的一款产品。HTML5+规范是HTML5中国产业联盟的扩展规范。运行文档向导需要5+Runtime支持。HTML5中国产业联盟官网：http://www.html5plus。org/mui官网：http://dev.dcloud.net.cn/mui/DCloud官网：http://dcloud.io/index.html可以查看HBuilder/5+Runtime/mui/wap2app/flow应用通过首页介绍通过官网导航“文档”，可以查看除mui（http://dcloud.io/doc.html）以外的文档目录。除mui以外的其他文档内容位于http://ask.dcloud.net.cn/docs/DCloud社区：http://ask.dcloud.net.cn/explore/DCloud产品案例：http://dcloud.io/case/#Summary通过以上初步了解，下载HBuilder并创建HelloH5+/HelloMUI模板工程，手机APP工程和web工程进行调试。对于开头提出的问题，初步回答如下：使用web开发方式开发APP，通过HBuilder构建手机APP项目。开发完成后，将H5+环境和项目代码一起打包成原生APP。分为【离线打包】和【云打包】；如果是【web项目】，也可以打包为APP，但开发时无法在真机上调试，使用体验不如打包在【手机App项目】中。嵌入式web应用：分别为Android和IOS搭建【H5+增强的webview环境】，即【5+SDK集成后的环境】，在该环境下运行web应用或单个网页，但使用widget集成方式，需要整合web应用，将原APP的代码放在原生APP的工程中，不适合属于不同团队的两个团队；如果在原生APP中直接通过链接访问web应用，似乎可以使用webview集成的方式，需要的场景是：在原生APP中通过url访问一个Html5+应用；原生APP代码和H5+项目代码不放在一起，由不同公司的团队维护；HTML5应用需要使用camera/gallery/audio/device等HTML5+API手机浏览器访问：还没有看到可行的方案
