Android AdvancedWebView加载HTML5游戏时页面卡顿问题排查

兄弟，你这情况我见太多了——HTML5游戏在Chrome跑得溜但WebView卡，十有八九是配置没到位，结合你给的代码咱一步步调：

第一要务：把硬件加速拉满！ #

你代码里把硬件加速的设置给注释掉了，这绝对是卡顿的核心原因！HTML5游戏全靠GPU渲染画面，关闭硬件加速等于让CPU硬扛所有渲染工作，不卡才怪。赶紧把这行注释去掉：

getWindow().setFlags(WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED, WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED);

嫌代码里设置不够稳？直接在AndroidManifest.xml里给这个游戏页面的Activity单独开硬件加速：

<activity android:name=".GameActivity" android:hardwareAccelerated="true" />

补充WebSettings的关键优化项 #

你现在只开了JavaScript和插件支持，复杂HTML5游戏需要更多配置，把这些加上：

WebSettings settings = mWebView.getSettings();

// 启用DOM本地存储，很多游戏存进度或配置用这个
settings.setDomStorageEnabled(true);
// 开WebGL，3D游戏必开的渲染支持
settings.setWebGLEnabled(true);
// 设置缓存模式，减少重复加载资源
settings.setCacheMode(WebSettings.LOAD_DEFAULT);
// 允许JS自动开窗口，部分游戏的交互依赖这个
settings.setJavaScriptCanOpenWindowsAutomatically(true);
// 允许媒体自动播放，避免开场动画卡壳
settings.setMediaPlaybackRequiresUserGesture(false);
// 把渲染优先级拉到最高，让游戏优先占用资源
settings.setRenderPriority(WebSettings.RenderPriority.HIGH);

检查AdvancedWebView的混合内容设置 #

如果游戏里同时有HTTPS和HTTP资源（比如页面是HTTPS，但游戏素材是HTTP），Android 5.0+的WebView会默认拦截这些混合内容，导致资源加载不全进而卡顿，得手动放行：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}

最后加个调试大招 #

要是调整完还卡，开个WebView远程调试，用Chrome直接揪出问题：

1. 在代码里加一行开启调试模式：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    WebView.setWebContentsDebuggingEnabled(true);
}

2. 打开电脑上的Chrome，输入chrome://inspect，找到你的设备和游戏WebView实例，就能像调试网页一样看游戏的FPS、内存占用，还有控制台的报错信息，精准定位哪块卡。

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