跳过主要内容

网页视图版本检查 Capacitor 插件

Capacitor 插件用于检查 Android WebView 版本的新鲜度,并指导用户到本机更新流程

安装

bun add @capgo/capacitor-webview-version-checker bunx cap sync
npm、pnpm 或 yarn
  • npm install @capgo/capacitor-webview-version-checker
  • pnpm add @capgo/capacitor-webview-version-checker
  • yarn add @capgo/capacitor-webview-version-checker

指南

如何在Capacitor中使用WebView版本检查器

在设备上测试

下载Capgo应用程序,然后扫描code中的二维码。

WebView 版本检查器插件预览二维码 code

使用 @capgo/capacitor-webview-version-checker

公共 API 用于检查 WebView 新鲜度并指导用户更新。

安装

bun add @capgo/capacitor-webview-version-checker
bunx cap sync

bunx cap sync 复制插件的本机 code 到您的本机项目中。每次升级插件后都重新运行它。

导入

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

快速浏览 API

方法 描述
check 执行版本检查并返回最新已知状态。
startMonitoring 启用后台监控(通常在应用恢复时)。
stopMonitoring 禁用监控。
getLastStatus 返回最后解析的状态,或者 null 如果尚未运行检查。
showUpdatePrompt 显示一个本机提示,要求用户更新 WebView。
openUpdatePage 直接打开配置的更新页面。

示例

check()

执行版本检查并返回最新已知状态。

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

const result = await WebviewVersionChecker.check();
console.log(result);

startMonitoring()

启用后台监控(通常在应用恢复时)。

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

const result = await WebviewVersionChecker.startMonitoring();
console.log(result);

stopMonitoring()

禁用监控。

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

const result = await WebviewVersionChecker.stopMonitoring();
console.log(result);

getLastStatus()

返回最后解析的状态,或者 null 如果尚未运行检查。

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

const result = await WebviewVersionChecker.getLastStatus();
console.log(result);

showUpdatePrompt()

显示一个本机提示,要求用户更新 WebView。

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

const result = await WebviewVersionChecker.showUpdatePrompt();
console.log(result);

openUpdatePage()

直接打开配置的更新页面。

import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';

const result = await WebviewVersionChecker.openUpdatePage();
console.log(result);

监听事件

addListener 返回一个句柄。调用 handle.remove() 当屏幕卸载时

完整参考

继续使用 @capgo/capacitor-webview-version-checker

如果您正在使用 使用@capgo/capacitor-webview-version-checker 规划原生媒体和界面行为,连接它与 @capgo/capacitor-webview-version-checker 了解@capgo/capacitor-webview-version-checker的实现细节 开始 了解开始的实现细节 使用@capgo/capacitor-live-activities 了解使用@capgo/capacitor-live-activities的原生能力 @capgo/capacitor-live-activities 了解@capgo/capacitor-live-activities的实现细节,并 使用@capgo/capacitor-video-player 了解使用@capgo/capacitor-video-player的原生能力

FAQ

常见问题解答

如何在Capacitor应用中安装WebView版本检查器插件?

运行"bun add @capgo/capacitor-webview-version-checker" (或 "npm install @capgo/capacitor-webview-version-checker" ),然后运行 "bunx cap sync" 以便 iOS 和 Android 项目捕获原生 code。从 "@capgo/capacitor-webview-version-checker" 中导入它到您的应用 code 中。

@capgo/capacitor-webview-version-checker 与 React、Vue 和 Angular 是否兼容?

是的。WebView版本检查器是一个 Capacitor 包,因此它与任何在 Capacitor 内部运行的 Web 框架兼容,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

哪个 Capacitor 版本支持 @capgo/capacitor-webview-version-checker?

Capgo 插件遵循 Capacitor 的主要版本:使用与您的 Capacitor 主要版本匹配的插件主要版本(例如插件 v8 与 Capacitor 8)。在 GitHub README 中的兼容性表格列出了维护的版本。

@capgo/capacitor-webview-version-checker 是否免费和开源?

是的。源 code 公开在 GitHub 上,https://github.com/Cap-go/capacitor-webview-version-checker/,并且该包可以从 npm 免费安装。欢迎 bug 报告和 pull 请求。

是否可以在不经过 App Store 审核的情况下更新使用 WebView版本检查器的 code?

安装或升级插件会更改原生 code,因此需要一个新的商店构建。之后,JavaScript、HTML 和 CSS 的更改可以立即通过 Capgo 实时更新发布。

不必等待应用程序审查就可以将 WebView 版本检查器的更改推送到商店

一旦插件在您的商店构建中,Capgo 即刻更新将将您的 JavaScript、HTML 和 CSS 更改推送给用户。

开始使用 Capgo