アプリ内ブラウザを使用して、Web ページをカスタマイズ可能なアプリ内ブラウザで開きます。

@capgo/capacitor-inappbrowser を使用する

イン アプリ ブラウザの Capacitor プラグイン

インストール

npm install @capgo/capacitor-inappbrowser
npx cap sync

このプラグインが公開するもの

• goBack - WebView の履歴に戻ることができる場合
• open - Android と iOS の両方で新しいウィンドウで URL を開き、フルスクリーンで表示します。Android の場合、Chrome Custom Tabs を使用し、iOS の場合、SFSafariViewController を使用します。
• clearCookies - URL の Cookie をクリアする When id 指定されていない場合、すべての開いている Webview に適用されます。
• clearAllCookies - URL の Cookie をすべてクリアする When id 指定されていない場合、すべての開いている Webview に適用されます。

Example Usage

goBack

WebView の履歴を戻すことができます。

import { InAppBrowser } from '@capgo/capacitor-inappbrowser';

await InAppBrowser.goBack();

open

Android と iOS の両方で新しいウィンドウで URL を開き、フルスクリーンで表示します。Android の場合、Chrome Custom Tabs を使用し、iOS の場合、SFSafariViewController を使用します。

import { InAppBrowser } from '@capgo/capacitor-inappbrowser';

await InAppBrowser.open({} as OpenOptions);

clearCookies

URL の Cookie をクリアする When id 指定されていない場合、すべての開いている Webview に適用されます。

import { InAppBrowser } from '@capgo/capacitor-inappbrowser';

await InAppBrowser.clearCookies({} as ClearCookieOptions);

clearAllCookies

URL の Cookie をすべてクリアする When id 指定されていない場合、すべての開いている Webview に適用されます。

import { InAppBrowser } from '@capgo/capacitor-inappbrowser';

await InAppBrowser.clearAllCookies();

全体リファレンス

• GitHub: https://github.com/Cap-go/capacitor-inappbrowser/
• ドキュメント: /docs/plugins/inappbrowser/

@capgo/capacitor-inappbrowserを使用し続ける

Capgoを使用している場合 Using @capgo/capacitor-inappbrowser Capgoを使用し、 @capgo/capacitor-inappbrowserを使用し、 Capgoを使用し、@capgo/capacitor-inappbrowserの実装詳細を参照する Getting Started Getting Startedの実装詳細を参照する Capgo プラグイン ディレクトリ Capgo プラグイン ディレクトリ内での製品ワークフローについて Capacitor プラグインズ by Capgo Capacitor プラグインズ by Capgo の実装詳細について、 プラグインの追加または更新 プラグインの追加または更新の実装詳細について