WebView Crash

Usando @capgo/capacitor-webview-crash

Detectar crash de WebView recuperado, reiniciar WebViews muertos nativamente y reciclar WebViews de larga duración en un intervalo fijo antes de que la presión de memoria se convierta en un OOM.

Instalar

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

¿Qué Exposición de este Plugin?

• Reinicio nativo después de crash de WebView en iOS y Android.
• Reinicio de WebView nativo en intervalo fijo para aplicaciones de kiosk, POS, señalización, escáner y tablero que funcionan durante días.
• restartWebView - Deja que JavaScript solicite un WebView nativo fresco sin hacer una recarga de página.
• WebViewCrashPluginConfig - Tipos plugins.WebViewCrash opciones en capacitor.config.ts.
• getPendingCrashInfo - Devuelve el marcador de crash o reinicio nativo almacenado, o null cuando no hay nada pendiente.
• clearPendingCrashInfo - Borra el marcador almacenado después de que tu aplicación haya restaurado su estado.
• simulateCrashRecovery - Crea un marcador de crash ficticio para que los flujos de recuperación puedan ser probados localmente.
• webViewRestoredAfterCrash - Se dispara el evento de escucha cuando un marcador de crash todavía está pendiente en el tiempo de ejecución recuperado.
• webViewRestoredAfterRestart - Se dispara el evento de escucha cuando cualquier marcador de reinicio nativo todavía está pendiente.

Ejemplo de uso

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);
}

Reinicio automático nativo

Configura el comportamiento de reinicio en capacitor.config.ts para que siga funcionando cuando JavaScript no esté disponible:

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;

Los reinicios programados escriben reason: 'periodicRestart'. Utiliza restartIntervalMs para intervalos fijos o restartCron para un cron de 5 campos en la zona horaria local del dispositivo, como 0 3 * * * para un reinicio diario a las 03:00. No configure ambos horarios al mismo tiempo: la inicialización nativa lanza un error de configuración fatal cuando restartCron está configurado y restartIntervalMs es mayor que 0. Persiste el estado de la aplicación crítico antes de usar horarios cortos.

Reiniciar Nativo Manual

Llamar restartWebView() cuando JavaScript decide que el WebView nativo debe ser reemplazado de manera proactiva, por ejemplo después de un flujo de trabajo pesado en memoria:

await WebViewCrash.restartWebView();

El método escribe reason: 'manualRestart' y le pide a code nativo que cree un WebView fresco. Android recrea la actividad de host. iOS reconstruye el puente de vista Capacitor para crear un nuevo WKWebView en lugar de recargar la página actual.

Referencia Completa

• GitHub: https://github.com/Cap-go/capacitor-webview-crash/
• Documentación: /docs/plugins/webview-crash/

Sigue adelante desde Usando @capgo/capacitor-webview-crash

Si estás utilizando Usando @capgo/capacitor-webview-crash para planificar el comportamiento de medios nativos e interfaz, conecta con @capgo/capacitor-webview-crash para el detalle de implementación en @capgo/capacitor-webview-crash Iniciación para el detalle de implementación en Iniciación Usando @capgo/capacitor-actividades-en-vivo para la capacidad nativa en Usando @capgo/capacitor-actividades-en-vivo, @capgo/capacitor-actividades-en-vivo para el detalle de implementación en @capgo/capacitor-actividades-en-vivo, y Usando @capgo/capacitor-reproductor-de-videos para la capacidad nativa en Usando @capgo/capacitor-reproductor-de-videos.