タブページ

タブページはPlasmoフレームワーク特有の機能です。Extension Pagesとは異なり、タブページは拡張機能バンドルに含まれる通常のウェブページです。拡張機能は一般的にプログラム的にこれらのページにリダイレクトしたり開いたりしますが、リンクすることもできます。

使用例

拡張機能を初めてインストールしたユーザーに表示するページ。
認証専用のページ。
より複雑なルーティング設定が必要な場合。

例

使い方

タブを追加するには：

ソースディレクトリ（プロジェクトルートまたはsrc）にtabsフォルダを作成します。
delta-flyer.tsxなどの.tsxファイルを追加します。
デフォルトのReactコンポーネントをエクスポートします。

tabs/delta-flyer.tsx

function DeltaFlyerPage() {
  return (
    <div
      style={{
        display: "flex",
        flexDirection: "column",
        padding: 16
      }}>
      <h2>Delta Flyer Tab</h2>
 
      <p>This tab is only available on the Delta Flyer page.</p>
    </div>
  )
}
 
export default DeltaFlyerPage

タブページは、拡張機能バンドルの/tabsパスで使用できます。ブラウザからは次のURLでアクセスできます。

chrome-extension://<extension-id>/tabs/delta-flyer.html

tab-pages

Extension Pages Sandbox Pages