ウェブ コンテンツをプライマリ コンテンツまたは補助コンテンツとしてアプリに埋め込む

Android では、アプリ内でウェブの機能を活用できます。そのため、特定の種類のコンテンツを柔軟かつ効率的に表示できます。

WebView を使用してコンテンツを埋め込む

WebView API を使用すると、アプリ内でウェブ コンテンツを表示するためのミニブラウザの機能にアクセスできます。これにより、ウェブを利用したエクスペリエンスをアプリのコア部分またはサポート部分として提供できます。図 1 に示すとおりです。

Google Play が開いている Android アプリ。メインのウェブビューが赤い枠で囲まれている Android アプリ起動時に、赤いボックスの中にサポート テキストが表示されている。
図 1.`WebView` オブジェクトをメイン コンテンツ(左)およびサポート コンテンツ(右)として使用して、アプリ内に埋め込まれたウェブ コンテンツ。

WebView でできること

アプリで WebView を使用すると、次のことができます。

  • ウェブを埋め込む: WebView は、アプリのユーザー インターフェースに コンポーネントとして統合されます。ボタンやテキスト フィールドと同様です。

  • コンテンツを読み込む: WebView は、さまざまなソースからウェブ コンテンツを読み込むことができます。

    • リモート URL: 通常のブラウザと同様に、インターネットからウェブページを取得して表示できます。
    • ローカル ファイル: アプリのリソースに保存されている HTML、CSS、JavaScript ファイルを読み込むことができます。
    • 動的に生成されたコンテンツ: アプリは HTML コンテンツを動的に生成し、WebView に提供できます。
  • レンダリング: WebView はブラウザ エンジンを使用して HTML、 CSS、JavaScript を解析してレンダリングし、結果のウェブページをアプリの UI の指定された 領域に表示します。

  • JavaScript を実行する: WebView は、読み込まれたウェブページの コンテキスト内で JavaScript コードを実行できます。これにより、WebView 内で動的な操作や更新が可能になります。

  • アプリとやり取りする: ここで WebView の機能が強化されます。ウェブページとアプリ間の双方向通信が可能になります。

    • JavaScript からアプリコード: WebView で実行されている JavaScript コードは、アプリの ホスト API を呼び出すことができ、カメラ、GPS、 センサーなどのデバイス機能にアクセスできます。

    • アプリコードから JavaScript: アプリは WebViewに JavaScript コードを挿入し、ウェブページのコンテンツを操作したり、ウェブページによってトリガーされたイベントに 応答したりすることもできます。

WebView とブラウザの違い

WebView は、ウェブへのウィンドウのコア機能を提供する高度にカスタマイズされたコンポーネントです。ナビゲーション バーやその他のユーザー インターフェース要素を提供してウェブをより広範にナビゲートするブラウザとは異なり、WebView の全体的なエクスペリエンスは、アプリのデザインと目的に合わせて調整されます。

WebView と標準ブラウザの違いについて詳しくは、以下の説明をご覧ください。

UI: WebView はウェブ コンテンツの表示に使用され、独自の ヘッダーや UI(他の一般的なブラウザのようなホームボタン、 アドレスバー、設定メニューなど)はありません。

機能: 多くのブラウザには、ブックマーク、権限、履歴など、 ブラウジング エクスペリエンスを向上させるための機能が組み込まれています。

アップデート: Android WebView は Android のシステム サービスであるため、アップデート は毎月自動的にプッシュされ、アプリに統合されます。 ブラウザは、対応するアプリのアップデートに依存し、エンドユーザーがデバイスにアップデートを適用する必要があります。

始める

アプリで WebView を使用する方法については、 WebView でウェブアプリを作成するをご覧ください。

参考情報

WebView オブジェクトまたはカスタムタブを使用して Android デバイス向けウェブページを開発するには、次のドキュメントをご覧ください。