Getting Started
セットアップのプロンプトをコピーして、インストールの手順とこのプラグインのフルマークダウンガイドを含む。
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-webview-version-checker`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/webview-version-checker/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
-
パッケージをインストールする
ターミナルウィンドウ bun add @capgo/capacitor-webview-version-checker -
ネイティブプロジェクトを同期する
ターミナルウィンドウ bunx cap sync -
__CAPGO_KEEP_0__:オプションでプラグイン設定を追加 デフォルトの設定 (
WebviewVersionChecker: {}) またはカスタマイズ可能な提示と閾値の動作を使用して実行できます。capacitor.config.ts.
デフォルトの動作 (主な使用例)
「デフォルトの動作 (主な使用例)」というセクションこのプラグインはデフォルトでは、ブラウザリストスタイルの互換性規則を使用します。
minimumDeviceSharePercent__CAPGO_KEEP_0__3- データセットはビルド時に caniuse データからバンドルされます。
- デフォルトフローでは、ランタイムデータセットのURL呼び出しは必要ありません。
import type { CapacitorConfig } from '@capacitor/cli';
const config: CapacitorConfig = { plugins: { WebviewVersionChecker: {}, },};
export default config;シンプルな設定のみ (ネイティブの提示を表示)
「単純な設定のみのセットアップ(ネイティブのプロンプトを表示)」import type { CapacitorConfig } from '@capacitor/cli';
const config: CapacitorConfig = { plugins: { WebviewVersionChecker: { autoPromptOnOutdated: true, }, },};
export default config;高度な閾値モード(カスタムデータセット)
「高度な閾値モード(カスタムデータセット)」import type { CapacitorConfig } from '@capacitor/cli';
const config: CapacitorConfig = { plugins: { WebviewVersionChecker: { minimumDeviceSharePercent: 3, versionShareByMajor: { '137': 58.2, '136': 21.3, '135': 4.6, '134': 2.1, }, autoPromptOnOutdated: true, }, },};
export default config;あなたが実際のシェアに基づいてのみの固定バージョンではなく、互換性を基づいて使用したい場合にのみ使用してください。
minimumDeviceSharePercent: 3あなたのデータセットでインストールされたメジャーバージョンが、少なくとも 3% を表すことを意味します。versionShareByMajorあなたのカスタムマップです:メジャーバージョン => パーセンテージ- あなたがリモートデータを使用したい場合は、
versionShareApiUrlのいずれかを使用してください:{ "versionShareByMajor": { "137": 54.2, "136": 23.8 } }{ "shareByMajor": { "137": 54.2, "136": 23.8 } }{ "versions": [{ "major": 137, "share": 54.2 }, { "version": "136.0.0.0", "percent": 23.8 }] }
高度な使用法(JavaScript)
「高度な使用法(JavaScript)」import { WebviewVersionChecker } from '@capgo/capacitor-webview-version-checker';
await WebviewVersionChecker.addListener('webViewOutdated', (status) => { console.log('Outdated WebView detected', status);});
await WebviewVersionChecker.check({ minimumMajorVersion: 124, showPromptOnOutdated: true,});Capacitorの代わりにこのプラグインを使用する理由
「Capacitorの代わりにこのプラグインを使用する理由」Capacitorは静的最小チェックをサポートしています。
android: { minWebViewVersion: 124,},server: { errorPath: 'unsupported-webview.html',}このプラグインは、ユーザーがアプリを更新するように促されるようになりながらも、アプリを使用し続けることができるように、実行時イベントとネイティブのプロンプトUIを追加します。
評価順序:
- デバイスシェアしきい値モード(+データセット)が指定されている場合
minimumDeviceSharePercent最新バージョンモード( - 最小のメジャーファールバック(
latestVersion/latestVersionApiUrl) - Androidプロバイダハンドリング
minimumMajorVersion)
targetLanguage
Android プロバイダー処理Capacitor で使用される Android の両方の WebView プロバイダー モデルをサポートしています:
- Android 5-6 と 10+: Android System WebView (
com.google.android.webview) - Android 7-9: Google Chrome (
com.android.chrome)
はじめから始める
はじめから始める__CAPGO_KEEP_0__ を使用している場合 はじめから始める はじめから始める Using @capgo/capacitor-webview-version-checker native 能力のために @capgo/capacitor-webview-version-checker を使用します。 native 能力のために @capgo/capacitor-webview-version-checker を使用します。 native機能の使用に@capgo/capacitor-live-activitiesを使用します。 @capgo/capacitor-live-activities native機能の使用に@capgo/capacitor-live-activitiesを使用します。 @capgo/capacitor-live-activitiesの実装詳細 @capgo/capacitor-video-playerの使用 native機能の使用に@capgo/capacitor-video-playerを使用します。 @capgo/capacitor-video-player