iOS-混合开发在Cordova App中使用增强的WebView

Cordova App现在可以对你的app更换性能更好的webview内核了。

其中安卓用的是CrossWalk/XWalk,而iOS则是苹果提供的自家的WKWebView

Cordova提供了2个插件,添加插件即可达到更换webview内核的要求。
CrossWalk/XWalk(安卓)
安卓WebView在不同版本的安卓系统上表现参差不齐,这种不一致性使开发者非常头疼。虽然安卓4.4开始Google将安卓内置WebView内核更换为了Chromium,但还是有些bug(比如不支持WebSocket等,可能因为Chromium版本低了)。到安卓5.0开始,Chromium内核的WebView性能才有较大提升。

    Crosswalk作为一款开源的web引擎,正是为了跨越这些障碍而生。Crosswalk采用最新Chromium内核,在Android 4.0及以上的系统中使用Crosswalk的Web应用程序在HTML5方面可以有一致的体验,同时和系统的整合交互方面(比如启动画面、权限管理、应用切换、社交分享等等)可以做到类似原生应用。现在Crosswalk已经成为众多知名HTML5平台和应用的推荐引擎,包括Google Mobile Chrome App、Intel XDK、Famo.us和Construct2等等,Cordova 4.0+也已经支持以插件形式集成Crosswalk。

    如果你正在使用 Cordova-android 4.0.0+(注意不是Cordova 4.0.0+,Cordova 包含Cordova-android、Cordova-iOS等等),你可以添加下面的Crosswalk插件(仅支持安卓4.0及以上),使你的Cordova Android App获得飞一般的体验:

https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview

WKWebView(iOS)

在WWDC2014中,苹果推出了最新的iOS8系统,其中也伴随着很多控件的更新与升级。其中全新的WebKit库让人很是兴奋。本文也将讲解到WebKit中更新的WKWebView控件的新特性与使用方法,它很好的解决了UIWebView存在的内存、加载速度等诸多问题。

    WKWebView新特性:

WKWebView新特性在性能、稳定性、功能方面有很大提升(最直观的体现就是加载网页是占用的内存,模拟器加载百度与开源中国网站时,WKWebView占用23M,而UIWebView占用85M);

允许JavaScript的Nitro库加载并使用(UIWebView中限制);

支持了更多的HTML5特性;高达60fps的滚动刷新率以及内置手势

    如果你正在使用 Cordova-iOS 4.0.0+(注意不是Cordova 4.0.0+,Cordova 包含Cordova-android、Cordova-iOS等等),你可以添加下面的Crosswalk插件(仅支持iOS9及以上),使你的Cordova iOS App有更好的性能:

https://github.com/apache/cordova-plugin-wkwebview-engine

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,043评论 3 119
  • 问题: 从研发cordova混编App开发开始,不同安卓版本手机上的兼容性问题就困扰着研发的童鞋们。Cordova...
    谢大见阅读 10,422评论 1 7
  • 关于 android Webview 基本使用 加载html四种方式 简单使用 在AndroidManifest....
    小面包屑阅读 10,847评论 2 13
  • 来源微信公众号: 瓶里有故事,如需转载请联系该公众号,谢谢。 01 “儿子,快回来!!”老妈火急火燎叫我回家。 我...
    木木爱电影阅读 4,952评论 4 10
  • 跟着苍蝇找厕所,跟着蜜蜂找花朵,跟着富翁挣百万(深度好文) 陳安之总裁智慧 2018-05-08 一伙劫匪在抢劫银...
    美好年华_5dcb阅读 1,592评论 0 0