WebView 预加载池 ，H5页面宽高异常

要解决 WebView 预加载池中复用的 WebView 历史页面没有清除的问题，建议在每次将 WebView 从池中取出复用前，执行如下清理操作：

1. 清除历史记录

webView.clearHistory(); 

2. 清除当前页面内容（可选，防止残留）

webView.loadUrl("about:blank");  

3. 清除表单数据和缓存（可选）

webView.clearFormData();  
webView.clearCache(true);  

4. 关闭多窗口支持（如有）

webView.getSettings().setSupportMultipleWindows(false);

推荐做法：

• 在将 WebView 放回池中时，先 loadUrl("about:blank")，再清理历史和缓存。
• 在从池中取出时，再次 clearHistory()，确保历史堆栈为空。

注意事项：

• clearHistory() 只会清除"前进/后退"堆栈，不会清除当前页面内容，所以通常要配合 loadUrl("about:blank")。
• 如果页面有 JS 状态或本地存储，也建议清理（如 localStorage.clear()，可通过 JS 注入）。

示例：

放回池前

webView.loadUrl("about:blank");  
webView.clearHistory();  
webView.clearFormData();  
webView.clearCache(true);

取出池后

webView.clearHistory();

这样可以最大程度保证 WebView 复用时不会残留历史页面和数据。

遇到的问题是：

用 webView.loadUrl("file:///android_asset/blank.html") 加载自定义空白页时，H5 页面宽高异常；

改成 webView.loadUrl("about:blank") 后，宽高恢复正常。

blank.html

<!DOCTYPE html>
<html>
<head>
    <title>
        &nbsp;
    </title>
</head>
<body>

</body>
</html>

原因分析

1. about:blank 是 WebView 内核的原生空白页

   • about:blank 是浏览器和 WebView 内核内置的特殊页面，加载后不会影响 WebView 的布局和历史堆栈，且不会触发额外的 CSS、JS 或 meta 标签逻辑。
   • 它的内容就是一个真正的空白页面，宽高100%继承自 WebView 容器。

2. 自定义 blankHtmlURL 可能有默认样式或 meta 标签

   • 你手写的空白 HTML 文件，哪怕内容很少，也可能有 <html>, <body>, <meta>, 默认的 margin、padding、viewport 等，导致页面渲染时宽高与 WebView 容器不一致。
   • 有些空白页如果没有设置 <meta name="viewport" ...>，在移动端 WebView 下默认缩放比例可能异常，导致页面显示不全或宽高不对。

3. WebView 对 about:blank 有特殊优化

   • 加载 about:blank 时，WebView 不会重置某些内部状态，也不会触发页面缩放、布局等流程，能保证容器和内容宽高一致。
   • 加载自定义 HTML 文件时，WebView 会完整走一遍页面渲染流程，容易受 HTML 结构和样式影响。

---

总结

• about:blank 是最安全、最纯净的空白页，适合用来清空 WebView 内容和历史。
• 自定义空白 HTML 文件容易因默认样式、meta、缩放等影响页面宽高，导致异常。
• 建议清空 WebView 时统一用 webView.loadUrl("about:blank")。

---

一句话结论：
about:blank 是浏览器内核级的空白页，能保证 WebView 容器和内容宽高一致，而自定义 HTML 可能因默认样式或 meta 标签导致宽高异常。