Android WebView 升级

半决赛世界杯

​一、项目背景

1.1 需求

项目需要使用WebView加载合作方公司的Url(里面功能比较多):

使用了ES6(ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了(所以也被叫作ES2015))

JavaScript 使用的函数,要求 chrome 最低版本是85。

一系列原因导致WebView加载该链接报错,合作方那边因为某些原因,不想改变现有的代码实现等。需要我们自行解决,那就开整呗。

1.2 设备

Android 8.1, WebView 版本 60.xxxx.xxxx.xx(好吧,忘记版本了,页面打不开))

Android 8.1, WebView 版本 61.0.3163.98(页面打不开)

Android 11, WebView 版本 83.0.4103.120(视频无法播放,厂商给的答复是不支持,具体原因没说)

查看版本号:

可以进入设置-开发者模式-Webview实现可以看到 Webview 内核版本号。

adb 命令: adb shell pm dump com.android.webview|grep version

adb shell pm dump com.android.webview|grep version

versionCode=410412053 minSdk=21 targetSdk=30

versionName=83.0.4103.120

signatures=PackageSignatures{48d4530 version:3, signatures:[63b96fc5], past signatures:[]}

1.3 解决方案

1.腾讯X5内核,还是加载失败,以为是集成错误。特意使用微信打开该链接,也是加载失败。

2.更新安装包,因为内嵌WebView的是com.android.webview。

2.1 下载了包名为 95.0.4638.50-463805003_minAPI21版本的包,进行覆盖安装->报错,提示签名文件不一致。

2.2 下载com.android.google.weview_95.0.4638.74_APKPure,安装成功了,加载还是报错。而且在WebView实现->不可选择com.android.google.webview。

3.修改framework-res.apk中配置,允许WebView实现选择com.android.google.webview。这种操作不太合适2C,需要root权限,修改系统文件,一不留神就可能产生其他问题。

4.使用 WebViewUpgrade,这个还是比较强大的,对WebView内核进行升级。已解决低版本无法加载url、视频无法播放的问题。

二、WebViewUpgrade 接入

WebViewUpgrade的创建者遇到的问题:华为机上因为WebView内核的Chromium版本低于107无法播放H265视频的情况,为了解决上述问题可以用JS实现H265播放,但是会比较卡,就想不能让WebView用应用内的APK作为内核。

2.1 支持版本

com.google.android.webview:122.0.6261.64

com.android.webview:113.0.5672.136

com.huawei.webview:14.0.0.331

com.android.chrome:122.0.6261.43

com.amazon.webview.chromium:118-5993-tv.5993.155.51

当然,你也可以找到其他版本下载安装即可。例如 com.android.webview,我觉得113版本太高,那么你可以下载一个95版本的。或者你不想使用com.android.webview 改用com.google.android.webview也是可以的。

2.2 接入

2.2.1 导入项目(我使用的是这个)

将Demo的core和download-source模块直接导入到自己项目,修改core中 implementation 'androidx.appcompat:appcompat:1.6.1'的版本。

2.2.2 implementation

implementation 'io.github.jonanorman.android.webviewup:core:0.1.0'// 不需要下载APK时使用

implementation 'io.github.jonanorman.android.webviewup:download-source:0.1.0'// 需要下载APK使用

如果是低版本,可能会报错。core中 implementation 'androidx.appcompat:appcompat:1.6.1'的版本比较高,需要兼容的SDK版本也比较高。

解决方案:

1.提高项目 SDK 版本。

2.使用exclude。

以上两种方式都可以。

2.3 使用

设置

private void setWebView(){

UpgradeInfo upgradeInfo = new UpgradeInfo(

"com.android.webview",

"113.0.5672.136",

"https://mirror.ghproxy.com/https://raw.githubusercontent.com/JonaNorman/ShareFile/main/com.android.webview_113.0.5672.13_armeabi-v7a.zip",

"网络");

String systemWebViewPackageName = WebViewUpgrade.getSystemWebViewPackageName();

if (systemWebViewPackageName != null &&systemWebViewPackageName.equals(upgradeInfo.packageName)

&& VersionUtils.compareVersion( WebViewUpgrade.getSystemWebViewPackageVersion(),upgradeInfo.versionName) >= 0) {

//Toast.makeText(getApplicationContext(), "system webView is larger than the one to be upgraded, so there is no need to upgrade", Toast.LENGTH_LONG).show();

return;

}

UpgradeSource upgradeSource = upgradeInfo.toUpgradeSource(RobotApplication.getInstance());

if (upgradeSource == null) {

return;

}

WebViewUpgrade.upgrade(upgradeSource);

updateUpgradeWebViewStatus();

}

}

这里我使用的是网络下载:

包名:com.android.webview;

版本号:113.0.5672.136

下载内核地址:https://mirror.ghproxy.com/https://raw.githubusercontent.com/JonaNorman/ShareFile/main/com.android.webview_113.0.5672.13_armeabi-v7a.zip

//更新状态

private void updateUpgradeWebViewStatus() {

if (WebViewUpgrade.isProcessing()) {

LogUtils.e("WebVIewUpgrade","Upgrading...");

} else if (WebViewUpgrade.isFailed()) {

LogUtils.e("WebVIewUpgrade","Fail...");

} else if (WebViewUpgrade.isCompleted()) {

LogUtils.e("WebVIewUpgrade","complete...");

}

int process = (int) (WebViewUpgrade.getUpgradeProcess() * 100);

LogUtils.e("WebVIewUpgrade","Processing:-----"+process + "%");

Throwable throwable = WebViewUpgrade.getUpgradeError();

if (throwable != null) {

LogUtils.e("WebVIewUpgrade","Throwable.message:" + throwable.getMessage() + "\nstackTrace:" + Log.getStackTraceString(throwable));

}

}

public class UpgradeInfo {

public String title;

public String url;

public String packageName;

public String versionName;

public String extraInfo;

public UpgradeInfo(String packageName, String versionName, String url, String extraInfo) {

this.title = packageName + "\n" + versionName;

this.extraInfo = !TextUtils.isEmpty(extraInfo) ? extraInfo : "";

if (!extraInfo.isEmpty()) {

this.title = this.title + "\n" + extraInfo;

}

this.url = url;

this.packageName = packageName;

this.versionName = versionName;

}

public UpgradeInfo(String packageName, String versionName, String url) {

this(packageName, versionName, url, "");

}

@Nullable

public UpgradeSource toUpgradeSource(Context context) {

UpgradeSource upgradeSource = null;

if (this.extraInfo.equals("网络")) {

upgradeSource = new UpgradeDownloadSource(

context,

this.url,

new File(context.getFilesDir(), this.packageName + "/" + this.versionName + ".apk")

);

} else if (this.extraInfo.equals("内置")) {

upgradeSource = new UpgradeAssetSource(

context,

this.url,

new File(context.getFilesDir(), this.packageName + "/" + this.versionName + ".apk")

);

} else if (this.extraInfo.equals("安装包")) {

upgradeSource = new UpgradePackageSource(

context,

this.packageName

);

}

return upgradeSource;

}

public class MainActivity extends BaseActivity implements , UpgradeCallback {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setWebView();

}

private void setWebView(){

......

}

//更新中

@Override

public void onUpgradeProcess(float percent) {

updateUpgradeWebViewStatus();

}

//更新完成

@Override

public void onUpgradeComplete() {

updateUpgradeWebViewStatus();

}

//更新失败

@Override

public void onUpgradeError(Throwable throwable) {

updateUpgradeWebViewStatus();

}

}

注意:这个代码尽量前置,如果无法前置,需要保证,其他地方先不要对WebView进行操作。如果操作了,会导致初始化失败。

可以先试用Demo尝试功能是否可用,再集成到自己的项目中。

2.4 WebView

执行完上面的操作后,你就正常操作WebView即可。上面我只是列举了网上下载的例子(第一次下载,只要文件存在,无需重复下载),还支持内置/安装包的形式,我这是应用包体太大,不适合内置。

这种方式是可行的,但是也有一些小的前置条件需要注意,如果无法前置会导致使用失败。怎么前置才能做到万无一失,就需要根据实际情况来判断了。

云霄景点全攻略解锁必玩胜地与隐秘打卡地
google浏览器的快捷方式如何修改图标