标签页

标签页是 Plasmo 框架独有的功能。与扩展页面不同，标签页只是随您的扩展包一起提供的常规网页。扩展通常会以编程方式重定向或打开这些页面，但您也可以链接到它们。

使用场景

用户首次安装您的扩展时显示的页面
用于身份验证的专用页面
当您需要更精细的路由设置时

示例

用法

要添加标签页：

在源代码目录（项目根目录或 src）中创建一个 tabs 文件夹
添加一个 .tsx 文件，例如 delta-flyer.tsx
导出一个默认的 React 组件：

tabs/delta-flyer.tsx


function DeltaFlyerPage() {
  return (
    <div
      style={{
        display: "flex",
        flexDirection: "column",
        padding: 16
      }}>
      <h2>Delta Flyer 标签页</h2>
 
      <p>此标签页仅在 Delta Flyer 页面上可用。</p>
    </div>
  )
}
 
export default DeltaFlyerPage

您的标签页将在扩展包中的 /tabs 路径下可用。它可以通过浏览器中的以下 URL 访问：


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

标签页示例