android-h5-container

Android App 内 H5 WebView 管理思考

1. 背景

在 Android 应用中嵌入 H5 页面时，WebView 的创建和销毁存在性能和资源消耗问题：

• 内存占用较大
• 页面加载延迟
• JS Bridge 初始化成本高

因此需要一种 WebView 管理策略，平衡性能与内存开销。

---

2. 核心思想

1. 缓存与复用

   • 避免频繁创建和销毁 WebView
   • 保留少量固定缓存 + 可扩展缓存按需创建

2. 懒加载

   • 第三个及以后的 WebView 在需要时才创建
   • 提升启动性能，降低内存峰值

3. 生命周期管理

   • 记录每个 WebView 最近使用时间
   • 脱离父视图且空闲超过阈值时释放
   • 前两个固定缓存，保证关键页面可用

4. 安全释放

   • 倒序遍历缓存，安全删除
   • 前两个 WebView 替换，第三个及以后直接移除

5. 性能优化

   • 限制缓存池最大容量
   • 避免重复创建和加载
   • 固定复用前两个 WebView

6. 生命周期绑定

   • JS Bridge 与 Activity/Fragment 生命周期绑定
   • 避免内存泄漏

3. 缓存池结构示意图

WebCachePool
caches: List
[0] Fixed WebView
[1] Fixed WebView
[2] Lazy WebView
[3+] Optional / Temp

说明：
前两个 WebView：固定缓存，保证关键页面随时可用
第三个 WebView：懒加载，按需创建
第四个及以后：临时缓存，空闲超时自动释放

4. 生命周期流程图

obtainWebView()
      |
      v
检查可复用 WebView
isReady() && parent==null
      |
   可复用? / \ 否
         /   \
        v     v
 使用现有WebView  创建新WebView
        |             |
        v             v
 标记 lastUsedTime   初始化 JS Bridge
        |             |
        +-------------+
              |
              v
 页面使用完成，脱离父布局
              |
              v
空闲时间超过阈值?
yes -> destroy & removeAt(i)
no  -> 保留在缓存池

5. 总结

通过缓存池管理 WebView，可以实现：

1. 缓存复用：降低创建销毁开销
2. 懒加载：节省启动资源
3. 空闲释放：自动清理不使用 WebView
4. 安全删除：倒序遍历避免索引错乱
5. 生命周期绑定：防止内存泄漏

适用场景：多页面切换频繁的 Android App H5 页面，提升性能同时控制内存。