跳过内容

开始

GitHub

Install

安装

您可以使用我们的AI辅助设置来安装插件。使用以下命令将Capgo技能添加到您的AI工具中。

您可以使用我们的 AI 助手来安装插件。将 __CAPGO_KEEP_0__ 技能添加到您的 AI 工具中,使用以下命令:
bunx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

复制到剪贴板

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-webview-guardian` plugin in my project.

如果您更喜欢手动设置,请运行以下命令安装插件,并按照以下平台特定的说明进行操作:

终端窗口
bun add @capgo/capacitor-webview-guardian
bunx cap sync

导入

导入
import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';

快速入门

快速入门
import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';
const result = await WebviewGuardian.startMonitoring();
console.log(result);

示例:停止监控

示例:停止监控
import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';
const result = await WebviewGuardian.stopMonitoring();
console.log(result);

示例:getState

示例:getState
import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';
const result = await WebviewGuardian.getState();
console.log(result);

常见问题

常见问题
  • 监听器屏幕卸载时,移除句柄。
  • 原生同步: run bunx cap sync 插件升级后。
  • 数据源: trust src/definitions.ts 在 GitHub 仓库中。

API 简介

API 简介

startMonitoring

开始监控

开始监控前台事件并自动检查 WebView 健康。

import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';
const result = await WebviewGuardian.startMonitoring();
console.log(result);

停止监控

import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';
const result = await WebviewGuardian.stopMonitoring();
console.log(result);

获取状态

import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';
const result = await WebviewGuardian.getState();
console.log(result);

checkNow

开始使用

立即强制 WebView 健康检查。

import { WebviewGuardian } from '@capgo/capacitor-webview-guardian';
const result = await WebviewGuardian.checkNow();
console.log(result);

类型参考

类型参考

StartMonitoringOptions

开始监控选项
export interface StartMonitoringOptions {
/**
* Delay (in ms) before running a health check after the app re-enters the foreground.
* Defaults to 600ms to let the bridge finish resuming.
*/
foregroundDebounceMs?: number;
/**
* Script executed via `evaluateJavascript`/`evaluateJavaScript` to confirm the WebView is alive.
* Defaults to `document.readyState`.
*/
pingScript?: string;
/**
* Automatically reloads the WebView when a terminated render process is detected.
* Disable to receive `webviewCrashed` events and restart manually.
*/
autoRestart?: boolean;
/**
* Strategy used when restarting the WebView. Defaults to `reload`.
*/
restartStrategy?: RestartStrategy;
/**
* Custom HTTPS/HTTP URL to load when `restartStrategy` is `customUrl`.
*/
customRestartUrl?: string;
/**
* Emits verbose logging in the native layer when true.
*/
debug?: boolean;
/**
* Whether an immediate health check should be executed right after enabling monitoring.
* Defaults to `true`.
*/
runInitialCheck?: boolean;
}

GuardianState

守护状态
export interface GuardianState {
monitoring: boolean;
reason: string;
timestamp: string;
lastHealthyAt?: string;
lastRestartAt?: string;
lastCrashAt?: string;
pendingRestartReason?: string;
error?: string;
}

CheckNowOptions

检查选项
export interface CheckNowOptions {
/**
* Text tag describing why a manual check is being requested.
*/
reason?: string;
}

CheckResult

检查结果
export interface CheckResult {
healthy: boolean;
restarted: boolean;
reason: string;
timestamp: string;
error?: string;
pendingRestart?: boolean;
}

GuardianEvent

GuardianEvent
export type GuardianEvent = GuardianState;

RestartStrategy

重启策略
export type RestartStrategy = 'reload' | 'reloadFromOrigin' | 'customUrl';

真实来源

真实来源

本页面是由插件生成的 src/definitions.ts重新同步公共API时,重新运行上游

继续从开始

继续从开始

如果您正在使用 开始使用 为native媒体和界面行为做好准备,连接它 使用@capgo/capacitor-webview-guardian 为@capgo/capacitor-webview-guardian中的native能力 使用@capgo/capacitor-live-activities 为@capgo/capacitor-live-activities中的native能力 @capgo/capacitor-live-activities 为@capgo/capacitor-live-activities中的实现细节 使用@capgo/capacitor-video-player 为使用@capgo/capacitor-video-player中的native能力 @capgo/capacitor-视频播放器 为@capgo/capacitor-video-player中的实现细节