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 百度智能小程序 - - -
备注       其小程序可在今日头条中通过搜索关键词进入,
在小程序的不同页面用户均可将内容转发到微头条,
还可以随时在小程序页面进行授权设置。
同时,今日头条小程序支持使用支付宝支付,
且页面可独立于今日头条应用程序存在。
- -

原文地址:https://www.cnblogs.com/yaoning/p/10253204.html

时间: 2024-10-20 22:03:57

H5跨平台能力调研的相关文章

解耦——Hybrid H5跨平台性思考

跨平台,是HTML5最重要的能力之一.而Hybrid H5因强依赖于具体App,往往不具有跨平台性.这时,将强依赖关系解耦,即可恢复HTML5的跨平台能力.近期我负责手Q红包打赏项目的前端开发,因项目涉及到多App跨平台兼容,对Hybrid H5的跨平台性有了一定的感悟和思考.在这里做下总结分享,希望能对大家有所收获. Hybrid H5跨平台性 进入正题之前,先解释下本文主题的两个名词. Hybrid H5,即混合了原生能力的HTML5.区别于纯粹Web端的HTML5,它可调用原生的能力,强依

解耦---Hybrid H5跨平台性思考

跨平台,是H5最重要的能力之一.而 Hybrid H5 因强依赖于具体 app,往往不具有跨平台性.这时,将强依赖关系解耦,即可恢复 H5 的跨平台能力.近期本人负责 手Q 红包打赏项目的前端开发,因项目涉及到多 app 跨平台兼容,对 hybrid H5 的跨平台性有了一定的感悟和思考.在这里做下总结分享,希望能对大家有所收获. Hybrid H5 跨平台性 进入正题之前,先解释下本文主题的两个名词: ①Hybrid H5,即混合了原生能力的 H5.区别于纯粹 web 端的 H5,它可调用原生

“H5跨平台APP开发”APICloud从入门到精通

"H5跨平台APP开发"APICloud从入门到精通 课程学习地址:http://www.xuetuwuyou.com/course/164 课程出自学途无忧网:http://www.xuetuwuyou.com 课程介绍:               一.课程使用到的软件 APICloud Studuio(或Sublime.WebStorm加上APICloud插件) Google Chrome浏览器 海马玩手机模拟器(或真机) 二.课程目的:     随着IOS.Android等原生

H5跨平台开发app之横竖屏导致的图表混乱问题

在跨平台开发中,犹豫使用的是非原生开发语言,会导致很多不方便的地方,最近公司做一个统计图表的东西,如果用原生开发的话比较容易控制图表显示时手机屏幕的方向,在跨平台开发中比较麻烦, 如果用户打开了手机屏幕自动旋转,有可能导致图表显示的错误. 解决方案: <!DOCTYPE html> <html lang='en'>     <head>         <meta charset='UTF-8'>         <title>ichartjs 

[]H5、React Native、Native应用对比分析

目录(?)[-] 一React Native的出现 二3款应用效果 三工程方案 四对比分析 开发方式 性能 体验 更新 维护 开发方式 性能 体验 更新 维护 五综合 开发方式 性能 体验 更新 维护 @王利华,vczero “存 在即合理”.凡是存在的,都是合乎规律的.任何新事物的产生总要的它的道理:任何新事物的发展总是有着取代旧事物的能力.React Native来的正是时候,一则是因为H5发展到一定程度的受限:二则是移动市场的迅速崛起强调团队快速响应和迭代:三则是用户的体验被放大,用户要求

H5游戏开发技术的发展进程

首先,手机上最常用的两个浏览器Android Chrome和iOS Safari默认支持WebGL.随着这一飞跃式地发展,PC浏览器和手机都支持硬件图形加速,而这是Web成为可行性游戏平台的必要条件.同时,这也使Flash.Silverlight,JavaFX等技术变得落伍. 其次,经过15年的发展,H5标准最终确定.这开启了 "稳步爬升恢复期".这是目前我们所处的H5阶段,也是web游戏真正爆发的前奏阶段.不过,技术的创新和发展并不止于此.自从H5标准确定以来,发生了很多新事物.尤其

基于Mono和VSCode打造轻量级跨平台IDE

??最近Visual Studio推出Mac版本的消息迅速在技术圈里刷屏,当工程师们最喜欢的笔记本电脑Mac,邂逅地球上最强大的集成开发环境Visual Studio的时候,会碰撞出怎样精彩的火花呢?在微软新任CEO纳德拉的"移动为先.云为先"战略下,微软的转变渐渐开始让人欣喜,从.NET Core.VSCode.TypeScript再到近期的Visual Studio For Mac,这一系列动作让我们感觉到,微软的技术栈越来越多地向着开源和跨平台两个方向努力.我们曾经固执地认为,微

Mono为何能跨平台?聊聊CIL(MSIL)

前言: 其实小匹夫在U3D的开发中一直对U3D的跨平台能力很好奇.到底是什么原理使得U3D可以跨平台呢?后来发现了Mono的作用,并进一步了解到了CIL的存在.所以,作为一个对Unity3D跨平台能力感兴趣的U3D程序猿,小匹夫如何能不关注CIL这个话题呢?那么下面各位看官就拾起语文老师教导我们的作文口诀(Why,What,How),和小匹夫一起走进CIL的世界吧~ Why? 回到本文的题目,U3D或者说Mono的跨平台是如何做到的? 如果换做小匹夫或者看官你来做,应该怎么实现一套代码对应多种平

浅论“跨平台”

标准C和标准C++都是源代码级跨平台的, 也就是说用标准C/C++写的代码在windows下编译后就可以windows下运行, 在unix/linux下编译后就可以在unix/linux下运行.c语言能跨平台主要因为各个平台包括DOS,Windows,Linux,UNIX等都有c编译器,只要源代码相同,编译器编译出来的二进制文件就会实现相同的功能(不包括跨平台的系统调用).但是这些二进制文件不一样,Linux中的可执行文件一般情况下都不能在Windows中运行,因为他们是两个完全不同的操作系统,