服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - Android WebView 优化之路

Android WebView 优化之路

2021-05-27 16:00Android开发网 Android

Android WebView 优化之路,如何才能更有效的对Android WebView进行优化,本文将为大家一一举例,感兴趣的小伙伴们可以参考一下

随着app的迭代,嵌入的html5界面越来越多了,webview这个强大组件引起的问题越发的多起来,例如:

  • 1、webview导致的oom问题
  • 2、android版本不同,采用了不同的内核,兼容性crash
  • 3、不同版本实现不同,甚至uri不规范也会引起不同程度的问题

Android WebView 优化之路

为了解决以上问题,我们把webview模块做成独立进程

webview独立进程

android允许一个app同时存在多个进程,可以根据需要把不同的模块放到不同进程中处理。

Android WebView 优化之路

比如微信v2.x+版本的时候把network部分做轻重进程分离,独立到一个单独的进程(:push)中,而上面两个层级依然跑在微信的主进程(:workder)中。而对于有内存泄露问题的webview或者其他不频繁使用的功能,再把其分离到独立的工具进程(:tools)中。通过分离进程,微信第一次重构解决了系统因为微信资源消耗,主动干掉微信服务的困境。

webview独立进程的好处

有效增大app的运存,减少由webview引起的内存泄露对主进程内存的占用。
避免webview的crash影响app主进程的运行。
拥有对webview独立进程操控权。

webview进程与其他进程通讯的方式

把webview独立进程之后会发现,埋点功能和接收主进程数据都不正常了,这里就涉及到进程间通讯的问题了;

进程通讯无非就是那几种,aidl,messager,content provider,广播;

在这里就不再复述了,我是采用广播的方式来做的。

webview硬件加速导致页面渲染闪烁

4.0以上的系统我们开启硬件加速后,webview渲染页面更加快速,拖动也更加顺滑。但有个副作用就是,当webview视图被整体遮住一块,然后突然恢复时(比如使用slidemenu将webview从侧边滑出来时),这个过渡期会出现白块同时界面闪烁。解决这个问题的方法是在过渡期前将webview的硬件加速临时关闭,过渡期后再开启,代码如下:

if (build.version.sdk_int >= build.version_codes.honeycomb) {
    webview.setlayertype(view.layer_type_software, null);
}
webview的配置

下面贴上我自己的配置代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
websettings settings = webview.getsettings();
settings.setjavascriptenabled(true);//启用js
settings.setjavascriptcanopenwindowsautomatically(true);//js和android交互
string cachedirpath = pathcommondefines.webview_cache;
settings.setappcachepath(cachedirpath); //设置缓存的指定路径
settings.setallowfileaccess(true); // 允许访问文件
settings.setappcacheenabled(true); //设置h5的缓存打开,默认关闭
settings.setusewideviewport(true);//设置webview自适应屏幕大小
settings.setlayoutalgorithm(websettings.layoutalgorithm.narrow_columns);//设置,可能的话使所有列的宽度不超过屏幕宽度
settings.setloadwithoverviewmode(true);//设置webview自适应屏幕大小
settings.setdomstorageenabled(true);//设置可以使用localstorage
settings.setsupportzoom(false);//关闭zoom按钮
settings.setbuiltinzoomcontrols(false);//关闭zoom
if (build.version.sdk_int >= build.version_codes.honeycomb) {
 webview.setlayertype(view.layer_type_software, null);
}
webview.setwebviewclient(new webviewclient() { @override public boolean shouldoverrideurlloading(webview view, string url) { view.loadurl(url); return false; } @override public void onloadresource(webview view, string url) { } @override public void onpagefinished(webview view, string url) { } });

html5跳原生界面

网页跳原生界面的方法有很多种,比如js调java方法,或者是通过uri scheme啦,也可以通过自己解析url来做。

在这儿,考虑到兼容性,拦截的是url,并且在清单文件中自定义了scheme~

Android WebView 优化之路

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
webview.setwebviewclient(new webviewclient() {
 
  @override
  public boolean shouldoverrideurlloading(webview view, string url) {
   parserurl(url); //解析url,如果存在有跳转原生界面的url规则,则跳转原生。
   return super.shouldoverrideurlloading(view, url);
  }
 
  @override
  public void onpagefinished(webview view, string url) {
   super.onpagefinished(view, url);
  }
 
  @override
  public void onloadresource(webview view, string url) {
   super.onloadresource(view, url);
  }
 });

清单文件中,声明一下 就可以在自带浏览器通过uri scheme跳到本app页面了,这个activity作为各个页面的分发页面,通过这个界面解析数据决定接下来要跳转哪个页面:

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<activity
 android:name=".ui.webview.commwebviewactivity"
 android:configchanges="orientation|keyboardhidden|screensize"
 android:process=":webview"
 android:screenorientation="portrait"
 android:windowsoftinputmode="statehidden">
 <intent-filter>
  <category android:name="android.intent.category.browsable" />
  <category android:name="android.intent.category.default" />
 
  <action android:name="android.intent.action.view" />
 
  <data
   android:host="xxxx.com"
   android:scheme="kingp2p" />
 </intent-filter>
</activity>

 

延伸 · 阅读

精彩推荐
  • AndroidAndroid中AsyncTask详细介绍

    Android中AsyncTask详细介绍

    这篇文章主要介绍了Android中AsyncTask详细介绍,AsyncTask是一个很常用的API,尤其异步处理数据并将数据应用到视图的操作场合,需要的朋友可以参考下...

    Android开发网7452021-03-11
  • AndroidAndroid程序设计之AIDL实例详解

    Android程序设计之AIDL实例详解

    这篇文章主要介绍了Android程序设计的AIDL,以一个完整实例的形式较为详细的讲述了AIDL的原理及实现方法,需要的朋友可以参考下...

    Android开发网4642021-03-09
  • AndroidAndroid界面效果UI开发资料汇总(附资料包)

    Android界面效果UI开发资料汇总(附资料包)

    android ui界面设计,友好的界面会提高用户体验度;同时也增强了android ui界面设计的难度,本文提供了一些常用开发资料(有下载哦)感兴趣的朋友可以了解下...

    Android开发网4672021-01-03
  • AndroidAndroid实现固定屏幕显示的方法

    Android实现固定屏幕显示的方法

    这篇文章主要介绍了Android实现固定屏幕显示的方法,实例分析了Android屏幕固定显示所涉及的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...

    鉴客6192021-03-27
  • Android汇总Android视频录制中常见问题

    汇总Android视频录制中常见问题

    这篇文章主要汇总了Android视频录制中常见问题,帮助大家更好地解决Android视频录制中常见的问题,需要的朋友可以参考下...

    yh_thu5192021-04-28
  • AndroidAndroid实现Service获取当前位置(GPS+基站)的方法

    Android实现Service获取当前位置(GPS+基站)的方法

    这篇文章主要介绍了Android实现Service获取当前位置(GPS+基站)的方法,较为详细的分析了Service基于GPS位置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下...

    Ruthless8342021-03-31
  • AndroidAndroid编程解析XML方法详解(SAX,DOM与PULL)

    Android编程解析XML方法详解(SAX,DOM与PULL)

    这篇文章主要介绍了Android编程解析XML方法,结合实例形式详细分析了Android解析XML文件的常用方法与相关实现技巧,需要的朋友可以参考下...

    liuhe68810052021-05-03
  • AndroidAndroid CardView+ViewPager实现ViewPager翻页动画的方法

    Android CardView+ViewPager实现ViewPager翻页动画的方法

    本篇文章主要介绍了Android CardView+ViewPager实现ViewPager翻页动画的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    Abby代黎明9602022-03-02