Getting Started

Instalar

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

Importar

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

Flujo de recuperación recomendado

Adjunte los oyentes lo antes posible en el arranque de tu aplicación para que el runtime recuperado pueda reaccionar antes de que los usuarios continúen navegando:

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

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

  // Rehydrate critical state, reopen the correct screen, or prompt the user to retry.
  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);
}

Reiniciar nativo automático

Establecer opciones de reinicio en capacitor.config.ts para que la decisión permanezca en nativo code incluso cuando el tiempo de ejecución de JavaScript se ha caído o no se ha cargado aún:

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

const webViewCrash: WebViewCrashPluginConfig = {
  // Enabled by default. Keep this on for long-running apps.
  restartOnCrash: true,

  // Use a 5-field cron schedule in the device local timezone.
  // Do not combine restartCron with an active restartIntervalMs.
  restartCron: '0 3 * * *',

  // Optional delay before restarting after a crash.
  restartAfterCrashDelayMs: 0,
};

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

export default config;

Usar restartIntervalMs para aplicaciones siempre encendidas donde los usuarios pueden mantener la misma vista de WebView abierta durante días: pantallas de kiosco, tableros de control de sala, escáneres de almacén, terminales de caja, tabletas de flota y señalización digital. Usar restartCron para reinicios de reloj de pared como 0 3 * * * para un reinicio diario a las 03:00 en la zona horaria local del dispositivo. Los reinicios programados escriben un marcador pendiente con reason: 'periodicRestart', luego Android recrea la actividad de host y iOS reconstruye la vista de puente Capacitor nativo para crear un nuevo WKWebView de nativo code.

Elige un intervalo o un cronograma que tu producto pueda tolerar. restartCron __CAPGO_KEEP_0__ *soporta restartCron , listas, rangos y pasos. restartIntervalMs No configures ambos horarios al mismo tiempo: la inicialización nativa lanza un error de configuración fatal cuando 0está configurado y

es mayor que

Reiniciar nativamente de forma manual restartWebView() Sección titulada “Reiniciar nativamente de forma manual”

await WebViewCrash.restartWebView();

cuando el entorno de tiempo de ejecución de JavaScript actual decide que el WebView nativo debe ser reemplazado de forma proactiva, por ejemplo después de un flujo de trabajo pesado en memoria o antes de entrar en una sesión larga no atendida: «Copy to clipboard» no se traduce ya que es un botón de copiar a portapapeles, pero se traduce el texto que se copiará: «The method writes a pending marker with» se traduce a «El método escribe un marcador pendiente con» reason: 'manualRestart'resuelve la llamada actual, luego le pide a code que cree una nueva vista de WebView fresca. Android recrea la actividad de host. iOS reconstruye la vista de puente Capacitor para crear una nueva WKWebView se crea en lugar de recargar la página actual.

API overview

getPendingCrashInfo

Devuelve el marcador de crash o reinicio nativo almacenado, o null cuando no hay nada pendiente.

const pending = await WebViewCrash.getPendingCrashInfo();
if (pending.value) {
  console.log(pending.value.platform, pending.value.reason);
}

clearPendingCrashInfo

Elimina el marcador almacenado después de que haya terminado su manejo de recuperación.

await WebViewCrash.clearPendingCrashInfo();

simulateCrashRecovery

Crea un marcador de crash ficticio para que QA y depuración local puedan ejercer el camino de recuperación sin hacer que un WebView real se caiga.

const simulated = await WebViewCrash.simulateCrashRecovery();
console.log(simulated.value);

restartWebView

Almacena un marcador de reinicio manual y pide a code nativo que cree un WebView fresco.

await WebViewCrash.restartWebView();

Notas de plataforma

• Android almacena metadatos de crash desde onRenderProcessGoneincluyendo didCrash y rendererPriorityAtExit cuando la plataforma los proporciona.
• iOS almacena metadatos de crash desde webViewWebContentProcessDidTerminate y agrega el estado de la aplicación actual cuando esté disponible.
• Los reinicios manuales y programados crean una nueva vista de WebView. Android recrea la actividad del host; iOS reconstruye la vista de puente Capacitor.
• Los reinicios programados usan reason: 'periodicRestart'; los reinicios manuales usan reason: 'manualRestart'.
• La web no detecta los crash de renderizadores reales. La implementación web solo simula el comportamiento con almacenamiento local.

Referencia de tipo

PendingCrashInfoResult

export interface PendingCrashInfoResult {
  /**
   * Stored crash or restart metadata, or `null` when no marker is pending.
   */
  value: WebViewCrashInfo | null;
}

WebViewCrashPluginConfig

export interface WebViewCrashPluginConfig {
  /**
   * Restart the WebView from native code when the renderer process dies.
   *
   * @default true
   */
  restartOnCrash?: boolean;

  /**
   * Fixed native interval, in milliseconds, for proactively replacing long-running WebViews.
   *
   * Set to `0` to disable interval restarts. Do not combine an active interval
   * with `restartCron`; native initialization fails fast when both schedules are configured.
   *
   * @default 0
   */
  restartIntervalMs?: number;

  /**
   * Cron schedule for proactively replacing long-running WebViews.
   *
   * Uses standard 5-field cron syntax in the device local timezone:
   * `minute hour day-of-month month day-of-week`.
   *
   * Examples:
   * - `0 3 * * *` restarts every day at 03:00.
   * - `0,30 * * * *` restarts every 30 minutes.
   *
   * Do not combine this with an active `restartIntervalMs`; native initialization
   * fails fast when both schedules are configured.
   */
  restartCron?: string;

  /**
   * Delay, in milliseconds, before restarting after a crash.
   *
   * @default 0
   */
  restartAfterCrashDelayMs?: number;
}

WebViewCrashInfo

export interface WebViewCrashInfo {
  /**
   * Platform that detected and stored the marker.
   */
  platform: WebViewCrashPlatform;

  /**
   * Unix timestamp in milliseconds for when the marker was written.
   */
  timestamp: number;

  /**
   * ISO-8601 version of `timestamp`.
   */
  timestampISO: string;

  /**
   * Platform-specific reason for the crash or restart marker.
   */
  reason: WebViewCrashReason;

  /**
   * Last known WebView URL when the marker was written.
   */
  url?: string;

  /**
   * Android-only hint from `RenderProcessGoneDetail.didCrash()`.
   */
  didCrash?: boolean;

  /**
   * Android-only renderer priority reported at exit.
   */
  rendererPriorityAtExit?: number;

  /**
   * iOS-only application state captured when the WebView process died.
   */
  appState?: WebViewCrashAppState;
}

WebViewCrashPlatform

export type WebViewCrashPlatform = 'android' | 'ios' | 'web';

WebViewCrashReason

export type WebViewCrashReason =
  | 'renderProcessGone'
  | 'webContentProcessDidTerminate'
  | 'periodicRestart'
  | 'manualRestart'
  | 'simulated';

WebViewCrashAppState

export type WebViewCrashAppState = 'active' | 'inactive' | 'background' | 'unknown';

Fuente de Verdad

Esta página se genera desde el plugin’s src/definitions.ts. Re-ejecutar la sincronización cuando el público API cambie en la fuente upstream.

Continuar desde Inicio de Sesión

Si estás utilizando Getting Started para planificar el comportamiento de medios nativos e interfaces, conecta con Usando @capgo/capacitor-webview-crash para la capacidad nativa en Usando @capgo/capacitor-webview-crash, Usando @capgo/capacitor-live-activities para la capacidad nativa en Usando @capgo/capacitor-live-activities, @capgo/capacitor-live-activities para el detalle de implementación en @capgo/capacitor-live-activities, Usando @capgo/capacitor-video-player para la capacidad nativa en Usando @capgo/capacitor-video-player, y @capgo/capacitor-reproductor-de-videos Para obtener más detalles sobre la implementación en @capgo/capacitor-reproductor-de-videos.