性能优化系列之『WebView：如何选择合适的WebView内核？』

置顶 已于 2023-01-07 16:30:54 修改
阅读量1.8k 收藏 2
点赞数
文章标签： android
于 2023-01-06 21:19:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62277266/article/details/128584964
版权

文章の目录

一、iOS UIWebView

1、优点

  1. 从 iOS 2 开始就作为 App 内展示 Web 内容的容器
  2. 排版布局能力强

2、不足

  1. 内存泄露
  2. 极高内存峰值
  3. Touch Delay（300ms延迟）
  4. JavaScript 的运行性能和通信限制
  5. 2018年 iOS 12 以后已经被标记为 Deprecated 不再维护

二、iOS WKWebView

1、优势

  1. 苹果在 WWDC 2014 上推出的新一代 WebView 组件
  2. WKWebView 的内存开销比 UIWebView 小很多
  3. 在性能、稳定性、占用内存方面有很大提升
  4. 高达 60fps 的滚动刷新率
  5. 自身就支持了右滑返回手势
  6. 支持了更多的 HTML 的属性：
  7. 内存占用是 UIWebView 的1/4~1/3
  8. 加载速度比 UIWebView 提升了一倍左右
  9. 更为细致地拆分了 UIWebViewDelegate 中的方法
  10. 允许 JavaScript 的 Nitro 库加载并使用（ UIWebView 中限制）大大提高了页面 JS 执行速度。
  11. 可以和 JS 直接互调函数，不像 UIWebView 需要第三方库WebViewJavaScriptBridge来协助处理和 JS 的交互。

2、不足

  1. 不支持页面缓存，需要自己注入 Cookie，而 UIWebView 是自动注入 Cookie。
  2. 无法发送 POST参数问题

三、Android WebKit 和 Chromium

在这里插入图片描述

四、Android 第三方

1、X5 内核

  1. 速度快：相比系统 WebView 的网页打开速度有 30+%的提升
  2. 省流量：使用云端优化技术使流量节省 20+%
  3. 更安全：安全问题可以在 24 小时内修复
  4. 更稳定：经过亿级用户的使用考验，CRASHE 率低于 0.15%
  5. 兼容好：无系统内核的碎片化问题，更少的兼容性问题
  6. 体验优：支持夜间模式、适屏排版、字体设置等浏览增强功能
  7. 功能全：在 H5、ES6 上有更完整支持
  8. 更强大：集成强大的视频播放器，支持视频格式远多于系统 WebView
  9. 视频和文件格式的支持 X5 内核多于系统内核
  10. 防劫持是 X5 内核的一大亮点

五、选型建议

  • iOS：WKWebView
  • Android：X5

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！

老__L
关注
iOS8 WebKit库之——WKWebView篇
richard_如风的专栏
07-04 1万+
apple和google为webkit该浏览器引擎的发扬光大做出了重要贡献，在WWDC 2014发布会上发布iOS 8中，apple公布了WebKit框架,这意味着OSX和IOS开发者将共用同样的开发库，新改变可以提高开发者编写的代码的重复使用性。 webkit使用WKWebView来代替IOS的UIWebView和OSX的WebView，并且使用Nitro JavaScript引擎，这意味着所
腾讯内核webview
07-24
腾讯浏览器（TBS），下载直接运行，比Android原生的好用，杜绝各手机厂商修改系统webview引发的各种BUG
【Android Studio】Webview 内核升级得三种方法
最新发布
weixin_48618536的博客
08-08 1989
在APP 中进行网页加载，一般采用原生自带的Webview 组件，但在需要加载高版本网页的时候，有时候会遇到加载失败的情况，究其原因主要是内核版本太低，导致加载失败。该组件使用的内核在Android 4.4 （API 19）前 ，主要用得是webkit 的内核；Android 4.4后，直接使用的是Chrome内核。目前Chrome内核已经到了120+，时常会遇到问题，谷歌浏览器可以正常加载网页，但内嵌网页加载就是不行。因此，基于这种情况，考虑进行Webview 组件内核的升级。
浏览器内核、webview内核
weixin_30888413的博客
08-05 3634
1：webview 使用的是手机自带的浏览器内核 不同的手机，出于各种目的，会对自己的浏览器内核进行修改， 而不是用Android原生的浏览器， 所以在web的现实上也会有差异的。应该通过写更加标准通用的js方法来增加兼容性。 2：国内现状多数手机浏览器都基于Webkit开发 目前国内手机浏览器厂商宣称的“自主内核”如UC的U3内核、手机QQ浏览器的X5内核以及华为天天的T9...
基于Chromium内核的Android WebView
程序圆—脱颖而出，卓尔不群
01-25 3056
以下文件参考文献： http://blog.csdn.net/milado_nju/article/details/8926720 1.      http://developer.android.com/reference/android/webkit/WebView.html 2.      http://www.chromium.org/developers/d
Android webview内核设置
weixin_42707424的博客
06-08 2829
在 Android 中，WebView是一个基于WebKit的控件，用于在应用程序中显示网页内容。WebView使用的内核可以是系统默认的内核，也可以是自定义的内核。参考资料：https://developer.android.com/guide/webapps/migrating-webview。// 自定义WebChromeClient，实现页面加载进度的回调。
Android_WebView、Webkit内核深入讲解
05-26
当你觉得对webview结构不熟悉的话，可以看看这个
Android WebView 优化之路
01-04
2、Android版本不同，采用了不同的内核，兼容性crash 3、不同版本实现不同，甚至URI不规范也会引起不同程度的问题 为了解决以上问题，我们把WebView模块做成独立进程 WebView独立进程 Android允许一个app同时存在...
View_WebView:在 Android 中使用视图 WebView
06-22
8. **优化性能**：为了提高加载速度和减少内存消耗，可以开启硬件加速、使用缓存策略，以及根据需要调整其他设置。 ```java webView.setLayerType(View.LAYER_TYPE_HARDWARE, null); // 开启硬件加速 webView....
android-webview:android webview 演示
07-11
1. 性能优化：由于WebView可能会消耗大量内存和CPU，因此在不使用时应释放资源，避免内存泄漏。 2. 安全更新：保持WebView组件更新至最新版本，以获取最新的安全补丁和性能提升。 这个“android-webview-master”...
WebView替换内核适配优化之腾讯X5
qq_43203586的博客
08-09 3545
WebView替换内核适配优化之腾讯X5 Android原生的webview在对H5的支持并不是很好。而且自从Android 4.4之后，默认的浏览器内核从WebKit转化为chromium，因此适配什么的会遇到很多瓶颈。 目前可选用的内核又两种，一个是腾讯的X5，一个是crosswalk。这次采用X5，相比crosswalk，x5接入速度快且占有体积不大（crosswalk会导致安装包多20m左右） 1. 接入 详情请见： https://x5.tencent.com/docs/access.html 我
webview 封装。腾讯X5内核分装。
05-07
webview 封装。腾讯X5内核分装。详细源码。 项目截图。
ios-封装UIWebVIew和WKWebView优化webview性能.zip
07-11
ZLCWebView github:https://github.com/lczhai/ZLCWebView //若有帮助，帮点下star 将UIWebVIew和WKWebView封装到一起，当系统版本大于8.0时候选择WKWebView降低性能消耗，当小于8.0时候使用UIWebView进行加载 1、将项目中的根目录中的“ZLCWebView源文件”中的ZLCWebView.h及m拖入工程（或直接在项目中拖出） 2、在自己的目标视图加载即可 //在目标视图内初始化ZLCWebView ZLCWebView *my = [[ZLCWebView alloc]initWithFrame:self.view.bounds]; [my loadURLString:@"http://www.baidu.com"]; my.delegate = self; [self.view addSubview:my]; //让视图遵守ZLCWebView的delegate并实现ZLCWebView的delegate - (void)zlcwebViewDidStartLoad:(ZLCWebView *)webview { NSLog(@"页面开始加载"); } - (void)zlcwebView:(ZLCWebView *)webview shouldStartLoadWithURL:(NSURL *)URL { NSLog(@"截取到URL：%@",URL); } - (void)zlcwebView:(ZLCWebView *)webview didFinishLoadingURL:(NSURL *)URL { NSLog(@"页面加载完成"); } - (void)zlcwebView:(ZLCWebView *)webview didFailToLoadURL:(NSURL *)URL error:(NSError *)error { NSLog(@"加载出现错误"); }
Android WebView内核版本的探究
亦然莹儿的博客
12-16 1万+
因公司的很多项目都是Android和html5混合开发，会有很多页面的方法需要兼容。需要知道当前Android webview的内核是什么。 1. 介绍 Android WebView的选择有三种方案，分别是 使用Android系统自带的WebView 使用X5内核的WebView 使用基于chrome webkit的crosswalk WebView 如上述三种方案，第1个是最原始的解决方案，第2，3个则分别是腾讯，corsswalk的解决方案 几种方案的对照如下表: 方案 方案说明
android webView 内核对比
热门推荐
w2ndong的专栏
07-04 2万+
现在的移动开发，一个明显的趋势是HTML占据了越来越重要的位置,H5不再是简单的一个浏览网页的行为，在非常多的APP中，它承担了许多原本许要原生开发的功能；Android的H5支持则是个比较头痛的事情 笔者在进行IOS开发时，WebView从来都不是问题，在IOS上不仅WebView统一，而且性能极佳，也很少需要考虑兼容性问题； 但这个问题在Android上则表现的非常不一样，由于机...
查看Android系统默认WebView浏览器内核版本
冰雪世界
04-11 3680
首先了解2个概念： 1.Android系统默认WebView浏览器内核版本：是指Android的app中如果直接使用WebView组件加载网页的话，所使用的浏览器内核。这个浏览器来源于Android系统，app端无法修改。 2.系统内置的浏览器应用的内核版本：是指Android系统中内置的名叫"浏览器"的app中所使用的浏览器内核。而这个"浏览器"app虽然是系统内置的，但是其本质上跟用户自己安装的app没有太大区别。所以此app可能使用了自定义的浏览器，所以其与系统默认浏览器内核版本可能不同。 了解了上
旧项目替换 WebView 内核解决兼容性问题
sunsteam的博客
07-27 3825
背景 公司的某个硬件设备项目使用的是 Android 4.4 的系统, WebView 内核 chrome 33.0, 其中有个使用 WebView 浏览外部网页的模块, 随着网站的更新, 出现了不兼容的语法导致无法播放网页中的视频，因此考虑用引入新内核的方式做个修复。 方案比较 比较完善的浏览器内核方案有 2 种，Crosswalk 和 TBS 腾讯浏览服务 Crosswalk TBS...
【干货】Android系统定制基础篇：第十一部分(更新WebView内核版本、Android8.1向下兼容静态广播、授予普通应用系统签名权限、应用安装时授予全部动态权限)
工宗浩生财指南针
06-19 6997
Android 将权限分为三类，一类是 Normal Permissions（普通权限），这类权限一般不涉及用户隐私，是不需要用户进行授权的，比如手机震动、访问网络等；另一类是 Dangerous Permission（危险权限），一般是涉及到用户隐私的，需要用户进行授权，比如读取sdcard、访问通讯录等；Android 6.0 以上应用（即应用开发时指定 『TargetSDK > 22』 时）运行在 Android 6.0 以上系统时，隐私权限需要动态申请，只有用户同意授权，才能继续使用。
【iOS】WKWebView相比于UIWebView浏览器之间内核引擎的区别
Hanrovey Blog
05-28 1191
转载： WKWebView相比于UIWebView浏览器之间内核引擎的区别
android开发腾讯webview优化,腾讯X5内核 WebView 实践总结
05-25
腾讯X5内核WebView是一款基于Chromium内核的浏览器内核，相比于原生WebView，具有更好的性能和稳定性。以下是一些优化实践总结： 1. 集成腾讯X5内核 在使用WebView时，可以使用腾讯提供的X5内核替代原生内核。在集成X5内核时，需要在build.gradle文件中添加依赖： ``` dependencies { implementation 'com.tencent.tbs.tbssdk:sdk:43697' } ``` 2. 预加载 使用X5内核时，可以通过预加载提高WebView的响应速度。可以在应用启动时预加载X5内核： ``` // 在Application的onCreate方法中 QbSdk.initX5Environment(context, null) ``` 3. 启用多进程 如果应用中使用了多个WebView，可以启用多进程来提高性能和稳定性。可以在AndroidManifest.xml文件中设置： ``` <application android:name=".MyApplication" android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" android:process=":webview"> ``` 4. 启用硬件加速 在使用X5内核时，可以启用硬件加速来提高渲染速度。可以在布局文件中设置： ``` <com.tencent.smtt.sdk.WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" android:layerType="hardware" /> ``` 5. 使用缓存 使用缓存可以减少网络请求，提高WebView的加载速度。可以在初始化WebView时设置： ``` val webSettings = webView.settings webSettings.cacheMode = WebSettings.LOAD_CACHE_ELSE_NETWORK ``` 以上是一些常见的优化实践总结，可以根据具体的场景进行调整和优化。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老__L

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值