H5跨平台能力调研
Posted yaoning
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5跨平台能力调研相关的知识,希望对你有一定的参考价值。
H5跨平台能力调研
各平台对H5的支持方式
目前主流的平台(ios APP、android APP、微信小程序、支付宝小程序、百度智能小程序、今日头条小程序等)对H5页面的支持是通过提供<web-view /> 组件的方式。<web-view /> 组件是一个可以用来承载H5网页的组件,会自动铺满整个小程序页面。
各平台能力比较
微信小程序 | 支付宝小程序 | 百度小程序 | 今日头条小程序 | iOS APP | Android APP | |
---|---|---|---|---|---|---|
是否支持<web-view /> | √ 基础库 1.6.4 开始支持,低版本需做兼容处理 |
√ 基础库 1.6.0 开始支持,低版本需做兼容 |
√ | 据介绍,今日头条开放的小程序入口, 只针对 Android 系统,目前暂时只对部分企业开放。 |
√ | √ |
基础库当前版本 | 2.0.4 | 1.12.0 | - | - | - | - |
web-view 网页中支持的接口: | 判断客户端是否支持js 图像接口 音频接口 智能接口 设备信息 地理位置 摇一摇周边 微信扫一扫 微信卡券 长按识别 |
导航栏(保留当前页面,跳转到应用内的某个指定页面 等) 拍照或从手机相册中选择图片 预览图片 获取用户当前的地理位置信息 使用支付宝内置地图查看位置 交互反馈 缓存 获取当前网络状态 分享当前页面,当执行my.startShare() 时会唤起当前小程序页面的分享功能。 唤起支付 向小程序发送消息 监听小程序发过来的消息 获取当前环境 |
拨打电话 打开小程序 登录 设置剪贴板 获取网络类型 预览图片 分享 使用内置地图打开地点 获取地理位置 拍照或上传 |
- | - | - |
详细文档 | 微信小程序 web-view | 支付宝小程序 web-view | 百度智能小程序 | - | - | - |
备注 | 其小程序可在今日头条中通过搜索关键词进入, 在小程序的不同页面用户均可将内容转发到微头条, 还可以随时在小程序页面进行授权设置。 同时,今日头条小程序支持使用支付宝支付, 且页面可独立于今日头条应用程序存在。 |
- | - |
以上是关于H5跨平台能力调研的主要内容,如果未能解决你的问题,请参考以下文章
腾讯bugly干货分享解耦---Hybrid H5跨平台性思考