文档章节

Android之WebView优化之路

球球
 球球
发布于 2017/05/06 20:35
字数 985
阅读 29
收藏 0

前言

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

1、WebView导致的oom问题

2、Android版本不同,采用了不同的内核,兼容性crash

3、不同版本实现不同,甚至URI不规范也会引起不同程度的问题

 

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

WebView独立进程

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

 

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

WebView独立进程的好处

1.有效增大App的运存,减少由webview引起的内存泄露对主进程内存的占用。

2.避免WebView的Crash影响App主进程的运行。

3.拥有对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的配置

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

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~

 

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作为各个页面的分发页面,通过这个界面解析数据决定接下来要跳转哪个页面:

<activity android:name=".ui.webview.CommWebviewActivity"

android:configChanges="orientation|keyboardHidden|screenSize"

android:process=":webview"

android:screenOrientation="portrait"

android:windowSoftInputMode="stateHidden">

<data android:host="xxxx.com"

android:scheme="kingp2p" />

本文转载自:http://blog.csdn.net/yes_wentao/article/details/50651399

共有 人打赏支持
球球
粉丝 3
博文 212
码字总数 52574
作品 0
石景山
程序员
android:X5WebView首次初始化X5内核耗时,会产生卡顿现象的解决办法

集成腾讯的X5,一般都是在application中进行初始化,不过有一个现象就是第一次启动都睡有一小会产生了UI卡顿,一开始利用IntentService进行后台线程进行初始化,但还是会产生卡顿现象,不过官...

胜_弟
05/22
0
0
Android应用内实现视频播放--腾讯浏览服务(TBS)

TBS视频播放 TBS视频播放器可以支持市面上几乎所有的视频格式,包括mp4, flv, avi, 3gp, webm, ts, ogv, m3u8, asf, wmv, rm, rmvb, mov, mkv等18种视频格式。同时支持硬件解码,使得内存占用...

ChaoYoung
07/30
0
0
如何获取WebView的内容宽度[翻译]

原文网址:http://android.pimmos.com/2011/03/24/how-to-retrieve-the-contentwidth-of-a-webview/ The extensive Android SDK allows you to do many great things with particular views ......

拉风的道长
2013/04/23
0
5
Android的WebView与ProgressDialog结合

WebView组件支持直接加载网页,可以将其视为一个浏览器,要实现该功能,具体步骤如下: webview.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:o...

墙头草
2011/08/05
0
0
Android UI开发之WebView简单使用

If you want to deliver a web application (or just a web page) as a part of a client application, you can do it using WebView. The WebView class is an extension of Android's View......

秋风醉了
2014/06/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

以太坊总结

一、概念说明 1.以太坊(Ethereum blockchain)由V神(Vitalik Buterin)发明,是一个交易记录的永久数据库,它以一个“无信任”的交易系统来运行,不需要任何第三方信任机构即可进行点对点的...

盼望明天
32分钟前
1
0
Java并发工具类——AtomicInteger

基本类型int的递增等操作并不是线程安全的,加上synchronized又会影响性能,因此在并发情况下我们应该使用AtomicInteger,下面通过一个例子验证一哈。 public class TestAtomicInteger {...

东都大狼狗
34分钟前
1
0
基于CentOS7.2系统对RabbitMQ单机版安装过程

准备虚拟机系统 我的系统如下 系统版本7.2 安装perl yum install perl 安装wget工具 yum install -y wget 安装相关依赖工具 yum install ncurses ncurses-base ncurses-devel ncurses-libs ...

凌晨一点
38分钟前
1
0
Maven常用命令

Maven常用命令 说到命令,则不得不提一下环境变量,在之前的博文中简单提了一下环境变量的配置,这里具体说一下。说完环境变量的配置,然后就是Maven的常用命令,这里说的是常用的几个命令,...

星汉
54分钟前
0
0
Flink操作mysql kafka和hbase

主程序 package com.streaming.flink;import java.util.Properties;import org.apache.flink.api.common.functions.FlatMapFunction;import org.apache.flink.api.common.functi......

守望者之父
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部