Android Studio WebView加载网页特定元素异常及内核更新相关问询

1. Android WebView是否使用Chrome作为内核 #

从Android 4.4版本开始，系统内置WebView基于Chromium（Chrome的底层开源内核）开发：

• Android 7.0 ~ Android 9.0 版本：WebView内核直接与系统安装的Chrome应用绑定，Chrome更新时WebView内核同步更新
• Android 10及更高版本：WebView内核独立为「Android System WebView」系统应用，可单独更新，不再绑定Chrome版本

2. Chrome可正常加载但WebView报错的原因 #

你的测试设备中，系统WebView的版本远低于Chrome版本。多数国产定制ROM、老版本安卓设备会默认锁定WebView版本、关闭自动更新，即便你将Chrome升级到最新，WebView内核依然停留在旧版本，无法兼容现代JS语法。

3. 可行解决方法 #

方法一：依赖系统WebView更新 #

引导用户在应用商店搜索「Android System WebView」更新到最新版本即可，Android 7.0~9.0的用户直接更新Chrome就能同步WebView版本。
优势：无需修改应用代码；劣势：依赖用户操作，无法覆盖所有用户

方法二：应用内集成独立WebView内核 #

推荐集成腾讯X5等第三方独立WebView内核，完全不依赖系统自带WebView版本，所有用户的WebView内核版本统一由你控制，从根本上解决低版本兼容问题，是生产环境最稳妥的方案。
优势：兼容性可控，无需用户操作；劣势：会增加应用包体积

方法三：站点侧做兼容降级 #

通过Babel将站点的现代JS语法转译为ES5语法，同时引入对应polyfill补全低版本内核缺失的API，不需要修改安卓端代码即可解决兼容问题。
优势：无需修改安卓端逻辑，不增加包体积；劣势：部分极新的Web API可能无法通过polyfill兼容

4. 现有代码优化建议 #

你当前的代码仅开启了JavaScript权限，补充以下配置可提升站点兼容度：

package com.afi.helix;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Build;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    private WebView WebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        WebView = findViewById(R.id.webview);
        WebView.setWebViewClient(new WebViewClient());

        WebSettings webSettings = WebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        // 补充兼容配置开始
        webSettings.setDomStorageEnabled(true); // 开启DOM存储，多数现代站点必备
        webSettings.setAllowFileAccess(true);
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        // 适配HTTP/HTTPS混合内容场景
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_COMPATIBILITY_MODE);
        }
        // 补充兼容配置结束
        WebView.loadUrl("my localhost url");
    }

    @Override
    public void onBackPressed() {
        if(WebView.canGoBack()) {
            WebView.goBack();
        } else {
            super.onBackPressed();
        }
    }
}

内容的提问来源于stack exchange，提问作者duke109