Operaの拡張機能：設定ページ

エントリー

この記事では、設定ページと呼ばれるOperaの新しい機能拡張の使用方法について説明します。 これは、ユーザーが設定できる設定を含む拡張機能のページです。 このページはoptions.htmlと呼ばれ、拡張機能のルートにあります。



非常に簡単に機能します-拡張機能をインストールすると、Operaがoptions.htmlファイルを見つけると、拡張機能マネージャーで[設定]ボタンがアクティブになります（[ツール]> [拡張機能]> [拡張機能の管理]）。



設定ページには何でも配置できますが、一般に、ユーザーがさまざまな設定を選択し、拡張機能で使用するためにlocalStorageまたはwidget.preferencesに変更を保存できるフォーム要素が必要です。 この記事では、独自の拡張機能で安全に使用できる設定ページテンプレートを含む拡張機能のみを提供します。

テンプレートの紹介

次に進む前に、 テスト拡張機能をダウンロードしてください。 それに含まれるテンプレートは実際には何もせず、設定ページの機能を表示するためだけに使用されます。 拡張機能をインストールし、拡張機能マネージャーに移動して、歯車ボタンをクリックします。 図1に示すように、「設定」オプションが表示されます。







図1：Operaの新しい拡張機能。拡張機能マネージャーから利用できます。



[設定]オプションを選択すると、図2に示すような設定ページが開きます。







図2：ユーザーが拡張設定を定義できるフォーム要素を含むテスト拡張設定ページ。

拡張機能ページはどのように機能しますか？

テスト拡張機能を解凍すると、ルートにoptions.htmlファイルが見つかります。 このファイルが存在すると、Operaに「設定」項目を使用可能にするよう指示します。 このページが正しく機能する責任はあなたにあります。



幸いなことに、テンプレートを使用して時間を節約できます。 これには、拡張設定のさまざまなオプションを選択できるフォーム要素のセットと、少しスマートなJavaScriptが含まれています。



ユーザーがページを開くと、スクリプトはname属性を持つすべての<select>および<input>要素を調べ、widget.preferencesから対応する値を設定します。 ページの要素を安全に削除または追加できますが、スクリプトは引き続き正常に機能します。



さらに、このスクリプトは、window.widgetオブジェクトの値を使用してページタイトル、タイトル、作成者の名前を自動的に設定し、config.xmlにそれらを取得します。



デフォルトでは、設定はoptions.htmlファイルのマークアップに入力されます。 ユーザーがフォーム要素の値を変更すると、すぐにwidget.preferencesオブジェクトに保存されます。 フォームを送信する必要さえありません！

widget.preferencesインターフェースはlocalStorageオブジェクトと同じですが、サイズ制限が同じでなく、そのデフォルト値がconfig.xmlファイルの「preference」セクションで定義できることを除きます。 要素とその属性 ウィジェットのパッケージ化と構成 。 options.htmlのスクリプトがwidget.preferencesオブジェクトに値を格納する瞬間に、すべてのアクティブな拡張ドキュメント（特にバックグラウンドスクリプト）でイベントが発生します。 このイベントをキャプチャすると、バックグラウンドスクリプトは設定の変更に即座に応答できます。

そのため、設定ページがロードされると、スクリプトはフォームのさまざまな要素を調べて、widget.preferencesがある場合はそれらの値を設定するか、デフォルト値を設定します。

チェックボックスのグループや複数の選択など、複数の値を持つ設定を処理するには、glue変数を使用して複数の値をマージ/分離します。これは単純な\ nです。 拡張機能でより洗練された設定インターフェイスが必要な場合は、options.htmlファイルの独自のバージョンを記述して正しく機能する必要があります。

まとめ

これで、Operaの拡張機能設定ページの機能のツアーは終了です。 テンプレートを自由に使用して、拡張機能で使用してください。