@capgo/capacitor-inappbrowser gives Capacitor アプリケーションに 2 つのブラウザ パスを提供します: open() システムブラウザのエクスペリエンス用と openWebView() 管理されたネイティブ WebView のエクスペリエンス用で、
アプリがサイズ、非表示、メッセージ、スクリプト、プロキシ、レイヤーと Ionic UI を使用できます。
@__CAPGO_KEEP_0__/inappbrowser から @__CAPGO_KEEP_1__/__CAPGO_KEEP_2__-inappbrowser に名前が変更されました。パッケージ名が変更されました。
一般的な使用例- Present Ionic or Capacitor UI above a live browser page with
toBack,sendToBack(),bringToFront(),transparentBackground、dispatchInputEvent(). - AndroidおよびiOSで、画面の一部をカバーするブラウザ、下部シート、ピクチャーインピクチャーWebビューをビルドする
width,height,x,y、updateDimensions(). - AndroidおよびiOSで、カスタムサイズのブラウザフレーム外部のCapacitorアプリにタップすることをユーザーに許可する
- 、
persistWebViewData: false永続的なウェブサイトストレージを使用せずにチェックアウト、ログイン、サポート、またはアカウント切り替えフローを実行するclearAllBrowsingData(). - 、
hidden,hide()複数のブラウザインスタンスをロードし、show()、 - ページの状態を保存しながら
_blank高度なWebアプリを埋め込むことができる。リクエストプロキシング、ファイルアップロード、ダウンロード、ポップアップの制御、Google Payのサポート、
リンクの処理、そしてアプリからページへのメッセージングを必要とするアプリケーションを含む。
Core CapabilitiesopenAndroidまたはiOSでChrome Custom Tabsを開きます。SFSafariViewControllerカスタムツールバー、サイズ、ネイティブナビゲーション、メッセージング、スクリプティング、プロキシ、ダウンロード、ポップアップ、データコントロールを備えた管理されたネイティブWebビューを開きます。openWebViewホストWebビューの後ろまたは上に管理されたブラウザを移動します。sendToBack/bringToFront- Moves a managed browser behind or above the Capacitor host WebView.dispatchInputEventページを再読み込みせずに管理されたWebビューのサイズと位置を変更します。updateDimensions管理されたWebビューをロードしたままにしながら、またはそのネイティブプレゼンテーションを復元するときに、ロードを削除します。hide/show__CAPGO_KEEP_0__アプリと管理ページ内で実行中のJavaScriptを接続します。postMessage/executeScript- Connects the Capacitor app with JavaScript running inside the managed page.clearAllBrowsingData/persistWebViewDataドキュメントポータル、アップロードフロー、支払いページ、埋め込まれたWebアプリをサポートします。handleDownloads__CAPGO_KEEP_0__
API
Public API| メソッド | 説明 |
|---|---|
goBack | WebViewの履歴を戻すことができる場合は戻します。 |
open | 新しいウィンドウでフルスクリーンでURLを開きます。AndroidではChromeカスタムタブを使用し、iOSではSFSafariViewControllerを使用します。 |
clearCookies | URLのクッキーを消去する When id 省略すると、すべての開いているWeb Viewに適用されます。 |
clearAllCookies | すべてのクッキーを消去する When id 省略すると、すべての開いているWeb Viewに適用されます。 |
clearCache | キャッシュを消去する When id 省略すると、すべての開いているWeb Viewに適用されます。 |
clearAllBrowsingData | デフォルトのストアと管理されたWeb Viewからクッキー、キャッシュ、ローカルストレージ、セッションストレージ、IndexedDB、他のブラウジングデータを消去します。 |
getCookies | URLに特定のCookieを取得します。 |
close | ウェブビューを閉じます。省略すると、現在アクティブなウェブビューが閉じます。 id ウェブビューを非表示にします。show()を使用して元に戻すことができます。省略すると、現在アクティブなウェブビューが対象になります。 |
hide | 以前のウェブビューを表示します。省略すると、現在アクティブなウェブビューが対象になります。 id ホストのWebViewの背後にあるネイティブブラウザを移動させて、アプリのUIが上に表示されるようにします。 |
show | ホストのWebViewの背後から移動したブラウザを前面に戻します。 id マネージドブラウザにクリック、タッチ、またはスクロール入力を送信します。座標はブラウザのビュー ポートからの相対値です。 |
sendToBack | Moves the native browser behind the Capacitor host WebView so app UI can appear above it. |
bringToFront | インアプリブラウザのウィンドウにJavaScriptをインジェクトします。__CAPGO_KEEP_0__ |
dispatchInputEvent | __CAPGO_KEEP_0__ |
openWebView | __CAPGO_KEEP_0__ |
executeScript | code id 省略され、すべてのオープンウェブビューで実行されます。 |
postMessage | ウェブビュー (インアプリブラウザ) へのイベントを送信します。ページで window.addEventListener('messageFromNative', listenerFunc)。 detail ペイロードは JSON としてシリアライズ可能でなければなりません。省略されると、すべてのオープンウェブビューにブロードキャストされます。 id 現在のウェブビューのビューポートを PNG スクリーンショットとしてキャプチャします。省略されると、有効なウェブビューをターゲットにします。 |
takeScreenshot | ウェブビューの URL を設定します。省略されると、有効なウェブビューをターゲットにします。 id オープンウェブビューでの URL の変更をリスンします。 |
setUrl | オープンウェブビューでの id ウェブビューのURLの変更をリスンします。 |
addListener | ペイロードにはウェブビューが含まれます。 |
addListener | ウェブビュー buttonNearDoneClickウェブビュー id. |
addListener | 開放されたWebビューでクリックのみをリスンします。 |
addListener | ユーザーが確認ボタンをクリックしたときにトリガーされます。ディスクリーマーが必要な場合、openWebViewのshareDisclaimerとcloseModalと一緒に機能します。 |
addListener | Webビューがイベントをアプリに送信したときに発火します。 window.mobileApp.postMessage(...) ページ内で使用し、ペイロードをJSONシリアライズ可能にします。 |
addListener | APIのプラグイン、ネイティブのスクリーンショットボタン、またはインジェクションされたJavaScriptブリッジからスクリーンショットがキャプチャされたときにトリガーされます。 |
addListener | ページが読み込まれたときにトリガーされます。 |
addListener | ページ読み込みエラーのときにトリガーされます。 |
addListener | ネイティブのダウンロードハンドリングがローカルにファイルを保存したときにトリガーされます。 handleDownloads: true openWebViewのときに有効にするには、 |
addListener | ネイティブのダウンロードハンドリングが失敗したときにトリガーされます。 handleDownloads: true openWebViewのときに有効にするには、 |
addListener | ページがポップアップ/新しいウィンドウを開いたときにトリガーされます。返されたポップアップIDを使用してください。 executeScript, postMessage, show, hide, および close. |
addListener | プロキシされたリクエストをデリゲートするネイティブランタイムによって委譲されたリクエストをリスンする。 addProxyHandler() __CAPGO_KEEP_0__の代わりに直接呼び出すのではなく。 |
addListener | マネージドページによって発行されたJavaScriptコンソール出力をリスンする。__CAPGO_KEEP_0__で有効にする。 captureConsoleLogs: true __CAPGO_KEEP_0__で開くときに。 |
handleProxyRequest | __CAPGO_KEEP_0__によってネイティブに送信されるプロキシ決定を送信するために使用される内部メソッド。 addProxyHandler() __CAPGO_KEEP_0__の返答に対して手動でリスナーを呼び出す場合に元の__CAPGO_KEEP_0__を転送する。 phase __CAPGO_KEEP_0__のリスナーをすべて削除する。 proxyRequest 現在のウェブページをリロードする。 |
removeAllListeners | ウェブビューのサイズと位置を実行時で変更することを許可するウェブビューの寸法を更新する。 |
reload | when opening the webview. |
updateDimensions | to send a proxy decision back to native. id は省略され、現在のウェブビューをターゲットにします。 |
setEnabledSafeTopMargin | ウェブビューの有効な安全上部マージンを実行時で設定します。 id は省略され、現在のウェブビューをターゲットにします。ウェブ上では、このメソッドは無効であり、レイアウトを変更せずに解決されます。 |
setEnabledSafeBottomMargin | ウェブビューの有効な安全下部マージンを実行時で設定します。 id は省略され、現在のウェブビューをターゲットにします。ウェブ上では、このメソッドは無効であり、レイアウトを変更せずに解決されます。 |
openSecureWindow | 安全なOAuth2ウィンドウを開きます。ウェブ上では、リダイレクトされたURLを返します。;モバイルでは、カスタムリダイレクトURIをアプリの構成に登録します。詳細なHTML、Info.plist、AndroidManifestの例については、getting-startedガイドを参照してください。 BroadcastChannel参照値 |
ツールバーの種類
「ツールバーの種類」のセクション
__CAPGO_KEEP_0__| Value | ユーザーは |
|---|---|
activity | 単純なツールバーに閉じると共有のコントロールが含まれています。 |
compact | 単純なツールバーに閉じるコントロールが含まれています。 |
navigation | フルナビゲーションツールバーに戻ると進むのコントロールが含まれています。 |
blank | ツールバーが表示されていません。 |
ソース・オブ・トゥルース
セクションのタイトルは「ソース・オブ・トゥルース」です。このリファレンスは src/definitions.ts から capacitor-inappbrowser.
@capgo/capacitor-inappbrowserから続けます。
@capgo/capacitor-inappbrowser”の続き”__CAPGO_KEEP_0__が利用している場合” @capgo/capacitor-inappbrowser” @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-inappbrowser”と連携することで” @capgo/capacitor-inappbrowser”を使用することで” @capgo/capacitor-inappbrowser”のnative capabilityを使用することで” @Capgo/__CAPGO_KEEP_1__-inappbrowser”のディレクトリ” @Capgo/__CAPGO_KEEP_1__-inappbrowser”のディレクトリ内での製品ワークフロー” @Capacitor”が@Capgoによって提供されるプラグイン” for the implementation detail in Capacitor Plugins by Capgo, @__CAPGO_KEEP_0__プラグインの追加または更新”の詳細” @__CAPGO_KEEP_0__プラグインの追加または更新”の詳細 Ionic Enterprise Plugin の代替 Ionic Enterprise Plugin の製品ワークフロー用の代替.