WebView Crash

Utilizza @capgo/capacitor-webview-crash

Detecta i crash del WebView recuperati, riavvia i WebViews morti nativamente e ricicla i WebViews di lunga durata in un intervallo fissato prima che la pressione di memoria si trasformi in un OOM.

Installa

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

Cosa Questo Plugin Espone

• Riavvio nativo dopo i crash del WebView su iOS e Android.
• Riavvio del WebView nativo a intervalli fissi per gli app kiosk, POS, segnalizzazione, scanner e dashboard che funzionano per giorni.
• restartWebView - Consenti a JavaScript di richiedere un WebView nativo fresco senza eseguire un reload della pagina.
• WebViewCrashPluginConfig - Tipi plugins.WebViewCrash opzioni in capacitor.config.ts.
• getPendingCrashInfo - Restituisce il marker di crash o riavvio nativo memorizzato, o null When non è nulla in sospeso.
• clearPendingCrashInfo - Cancella il marker memorizzato dopo che l'applicazione ha ripristinato lo stato.
• simulateCrashRecovery - Crea un marker di crash falso per poter testare localmente i flussi di recupero.
• webViewRestoredAfterCrash - Evento ascoltato quando un marker di crash è ancora in attesa nella runtime ripristinata.
• webViewRestoredAfterRestart - Evento ascoltato quando qualsiasi marker di restart nativo è ancora in attesa.

Esempio di utilizzo

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

Restart Auto Nativo

Configura il comportamento di restart in capacitor.config.ts così continua a funzionare quando non è disponibile JavaScript:

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;

Le restart programmate scrivono reason: 'periodicRestart'. Utilizza restartIntervalMs per intervalli fissi o restartCron per un orario di programmazione cron di 5 campi nella zona oraria locale del dispositivo, ad esempio 0 3 * * * per un riavvio quotidiano alle 03:00. Non configurare entrambi gli orari contemporaneamente: l'inizializzazione nativa lancia un errore di configurazione fatale quando restartCron è impostato e restartIntervalMs è maggiore di 0. Conserva lo stato critico dell'applicazione prima di utilizzare gli orari brevi.

Riavvio Nativo Manuale

Chiamata restartWebView() quando JavaScript decide che il WebView nativo debba essere sostituito proattivamente, ad esempio dopo un flusso di lavoro pesante sulla memoria:

await WebViewCrash.restartWebView();

Il metodo scrive reason: 'manualRestart' e chiede al nativo code di creare un WebView fresco. L'attività host viene ricreata su Android. Su iOS viene ricostruito il ponte di visualizzazione Capacitor in modo che venga creata una nuova WKWebView invece di caricare la pagina corrente.

Riferimento Completo

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

Continua da Utilizzare @capgo/capacitor-webview-crash

Se stai utilizzando Utilizzare @capgo/capacitor-webview-crash per pianificare il comportamento nativo dei media e dell'interfaccia, connettilo con @capgo/capacitor-webview-crash per i dettagli di implementazione in @capgo/capacitor-webview-crash, Avvio rapido per i dettagli di implementazione in Avvio rapido, Utilizzare @capgo/capacitor-live-activities For il nativo capgo/capacitor-live-attività, @capgo/capacitor-live-attività Per il dettaglio di implementazione in @capgo/capacitor-live-attività, e Utilizzando @capgo/capacitor-video-player Per il nativo capgo/capacitor-video-player.