BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

SuperWebView:系统WebView的增强替代

| 作者 徐川 关注 11 他的粉丝 发布于 2016年1月18日. 估计阅读时间: 4 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

1月12日,移动应用云服务提供商APICloud举行了新产品发布会,在会上向外界发布了其移动开发解决方案SuperWebView,顾名思义,这是一个增强版的WebView,可以替换现有App中的WebView,实现更好的UI性能,并提供原生能力。在会后,APICloud CEO刘鑫接受了媒体的采访,介绍了关于SuperWebView的更多细节。

WebView是Android和iOS的一种系统组件,能够加载超链接并渲染内容、运行JavaScript脚本。

SuperWebView在系统WebView的基础上,添加了系统和第三方API,同时将一些性能关键的地方在运行时编译为原生UI,如转场、导航等,使其兼有Web的灵活和原生的性能。其特性如下:

  • 支持Android 2.3+及iOS 7+
  • API访问权限控制管理功能
  • Android/iOS与Html5之间事件/数据交互功能
  • Web与Native界面直接的混合布局和混合渲染功能
  • 加速数据加载、点击响应和滚动速度
  • 常用手势支持、界面切换动画
  • 访问资源控制管理功能
  • 执行Html5中指定Javascript脚本功能
  • 模块扩展功能,该功能继承自APICloud终端引擎的模块扩展能力
  • Android&IOS开发中常用的网络请求框架,缓存管理等工具接口
  • 统一的生命周期管理,窗口系统,用户体验

SuperWebview整体API开放架构如下图:

据 官网介绍,SuperWebView SDK能力包括APICloud平台现有的所有端API,以及包括增量更新、版本管理、数据云、推送云、统计分析、积木式模块化开发等,以及 APICloud的模块Store里的第三方API,开发者需要在APICloud后台选择要使用的模块,云端会将其打包进一个定制的SDK,可集成到开 发者现有的App中,也可当作独立的APP快速开发框架在混合开发中使用。

在将 WebView UI转换为原生UI组件上,SuperWebView采用的是半翻译的方式,仅将一部分界面转换为原生UI,与其对应的React Native是全翻译。在谈到SuperWebView与React Native的比较时,刘鑫表示,React Native的全翻译需要重新学习和转换,有一定的门槛,而SuperWebView直接用标准的HTML,门槛相对较小。另外,类似React Native这类移动开发框架在国内有本地化的问题,国内的移动设备特别是Android碎片化问题严重,国外框架在开发的时候很少考虑适配问题,而这在 国内是不能不考虑的,SuperWebView在开发时考虑了国内的特点,对诸多机型和系统都做了适配,这也是SuperWebView的优势之一。

在 发布会上,春秋航空的移动产品总监朱亮作为SuperWebView的内测用户进行了分享。他表示,对于他们这样开发能力不是太强的开发者来 说,Hybrid是他们进行移动开发的首选,但Hybrid有严重的性能问题,因此像React Native这样的解决方案一出来就受到广泛的关注。同时,另一些解决方案无法和现有的产品进行整合,只能推翻重写,这也是他们不愿意看到 的,SuperWebView提供了SDK,他们只需要进行少量的改写即可接入,从而改进性能,获得接近原生应用的性能,这是他们选择 SuperWebView的原因。

随着React Native发布以来,Web和移动开发融合的脚步一直在前进,很多人都在探索既具有Web开发的便利,又拥有原生开发的性能的解决方案,这其中涉及到便 利与性能的权衡。SuperWebView在Web开发的基础上,在部分性能关键的地方采用原生UI,又从WebView上找突破口从而兼容已有应用,算 是一个不错的思路。

目前,SuperWebView已经在官网上线,其文档也同步上线。另外官方也提供了一些开发工具和插件供开发者下载使用。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT