ブラウザ拡張機能ページ

拡張機能ページは、ブラウザによって認識される組み込みページです。これには、拡張機能のポップアップ、オプション、サイドパネル、および新しいタブページが含まれます。

👀

ご注意！新しいブラウザ拡張機能ページを作成する際は、拡張機能を手動で更新してください。ランタイムがリスンしていない場合や、特定のケースで更新されない場合があります。

ポップアップページの追加

ポップアップページは、ユーザーがブラウザのツールバーにある拡張機能のアイコンをクリックしたときに開く小さなダイアログウィンドウです。これは最も一般的なタイプの拡張機能ページです。

popup.tsxファイルまたはpopup/index.tsxファイルを、デフォルトのReactコンポーネントをエクスポートするように作成します。これにより、ポップアップが使用できるようになります🚀!

オプションページは、拡張機能の設定と構成専用の場所として意図されています。

options.tsxまたはoptions/index.tsxファイルを作成して、options_ui をレンダリングします 👌

新しいタブページはデフォルトのタブをオーバーライドし、一般的にブラウザがユーザーを最初に迎える方法です。

newtab.tsxファイルまたはnewtab/index.tsxファイルを作成すると、Plasmoが新しいタブページをレンダリングします🤘!

サイドパネルを使用すると、拡張機能はサイドパネルに独自のUIを表示できるため、ユーザーのブラウジング体験を補完する永続的なエクスペリエンスを実現できます。

sidepanel.tsxファイルまたはsidepanel/index.tsxファイルを作成すると、PlasmoがサイドパネルにUIをレンダリングします。

Dev Toolsページは、ユーザーが拡張機能のDev Toolsを開いたときに開く専用のページです。

devtools.tsxファイルまたはdevtools/index.tsxファイルを作成すると、Plasmoが処理します！