options_ui

"options_ui": {
  "page": "options/options.html"
}

options_ui キーは、拡張機能のオプションページを定義するために使用します。

オプションページは、拡張機能の設定を含みます。オプションページはブラウザーのアドオンマネージャー、または拡張機能内で runtime.openOptionsPage() を使用することでアクセスできます。

options_ui を拡張機能にパッケージされた HTML ファイルへのパスとして指定します。通常のウェブページのように、HTML、CSS、JavaScript ファイルを含めることができます。しかし、通常のページと異なり、拡張機能が権限を持つすべての WebExtension API を使用できます。しかし、バックグラウンドスクリプトとは異なるスコープで実行されます。

オプションページとバックグラウンドスクリプトの JavaScript 上で、データや関数を共有したい場合、バックグラウンドスクリプトの Window への参照を extension.getBackgroundPage() (en-US) を使用して直接取得するか、拡張機能内で実行されているいずれかのページの Window を extension.getViews() (en-US) で取得します。あるいは、JavaScript で runtime.sendMessage()、runtime.onMessage、runtime.connect() (en-US) を使用することで、オプションページとバックグラウンドスクリプト間で相互にコミュニケーションできます。 後者の方法 (や同等の runtime.Port (en-US) ) でも バックグラウンドスクリプトと コンテンツスクリプト とでオプションを共有できます。

一般的に、オプションページで変更されたオプションは、ストレージ API を使用して、storage.sync() (ユーザーがログインしているすべてのブラウザーインスタンス間で設定を同期する場合) か storage.local() (現在のマシン / プロファイルのローカル設定にする場合) のいずれかに保存します。バックグラウンドスクリプトに変更を通知する必要がある場合、バックグラウンドスクリプトで storage.onChanged (en-US) にリスナーを追加します。