使用 @capgo/capacitor-webview-crash

检测恢复的 WebView 崩溃，原生重启死掉的 WebView，定期重启长时间运行的 WebView 以避免内存压力转化为OOM。

安装

npm install @capgo/capacitor-webview-crash
npx cap sync

此插件暴露的内容

原生重启 WebView 崩溃的 iOS 和 Android。
定期原生重启 WebView 的 kiosk、POS、显示器、扫描器和仪表盘应用，应用运行时间长达几天。
restartWebView - 允许 JavaScript 请求一个新的原生 WebView 而不需要重新加载页面。
WebViewCrashPluginConfig - 类型 plugins.WebViewCrash 选项在 capacitor.config.ts.
getPendingCrashInfo - 返回存储的原生崩溃或重启标记， null 当没有任何待处理的任务时。
clearPendingCrashInfo - 清除应用程序恢复其状态后存储的标记。
simulateCrashRecovery - 创建一个虚拟崩溃标记，以便在本地测试恢复流程。
webViewRestoredAfterCrash - 当恢复运行时仍有崩溃标记待处理时触发的监听事件。
webViewRestoredAfterRestart - 当任何本机重启标记仍待处理时触发的监听事件。

示例用法

import { WebViewCrash } from '@capgo/capacitor-webview-crash';

await WebViewCrash.addListener('webViewRestoredAfterCrash', async (info) => {
  console.log('Recovered after a WebView crash', info);
  await WebViewCrash.clearPendingCrashInfo();
});

await WebViewCrash.addListener('webViewRestoredAfterRestart', async (info) => {
  console.log('Recovered after a native WebView restart', info);
  await WebViewCrash.clearPendingCrashInfo();
});

const pending = await WebViewCrash.getPendingCrashInfo();
// Note: the listener callback may have already cleared the pending marker.
if (pending.value) {
  console.log('Pending crash or restart marker', pending.value);
}

本机自动重启

在 capacitor.config.ts 以便它在 JavaScript unavailable 时仍能正常工作:

import type { CapacitorConfig } from '@capacitor/cli';
import type { WebViewCrashPluginConfig } from '@capgo/capacitor-webview-crash';

const webViewCrash: WebViewCrashPluginConfig = {
  restartOnCrash: true,
  restartCron: '0 3 * * *',
  restartAfterCrashDelayMs: 0,
};

const config: CapacitorConfig = {
  plugins: {
    WebViewCrash: webViewCrash,
  },
};

export default config;

预定重启写入 reason: 'periodicRestart'. 使用 restartIntervalMs 来实现固定间隔或 restartCron 为设备本地时区中的 5 个字段 cron 计划，例如 0 3 * * * 每天 03:00 重启。不要同时配置两个计划：native 初始化会在 restartCron 设置且 restartIntervalMs 大于 0时抛出致命配置错误。使用短计划前，务必在应用程序中持久化关键状态。

手动 native 重启

调用 restartWebView() 上下文:来自 Capgo UI 长字符串的 HTML 文本片段（父级键 `appflow_migration_step2`）。页面/区域：Appflow 比较/迁移营销复制。角色：网站复制句子。见于：ionic-appflow.astro 页面。保留 Capgo 产品/品牌和开发者术语的原始形式。

await WebViewCrash.restartWebView();

当 JavaScript 决定 native WebView 应该被主动替换时，例如在内存密集型工作流程之后： reason: 'manualRestart' and asks native code to create a fresh WebView. Android recreates the host activity. iOS rebuilds the Capacitor bridge view so a new WKWebView 并要求 native __CAPGO_KEEP_0__ 创建一个新的 WebView。Android 重建宿主活动。iOS 重建 __CAPGO_KEEP_1__ 桥视图，因此创建了一个新的

全局参考

GitHub: https://github.com/Cap-go/capacitor-webview-crash/
文档：/docs/plugins/webview-crash/

继续使用@capgo/capacitor-webview-crash

如果您正在使用 使用@capgo/capacitor-webview-crash 以规划原生媒体和界面行为，连接它与 @capgo/capacitor-webview-crash 在@capgo/capacitor-webview-crash中实现详细信息开始在开始中实现详细信息使用@capgo/capacitor-live-activities 为native能力在使用@capgo/capacitor-live-activities中 @capgo/capacitor-live-activities 为实现细节在@capgo/capacitor-live-activities中，以及使用@capgo/capacitor-video-player 为native能力在使用@capgo/capacitor-video-player中

WebView Crash

WebView Crash教程