标签页

标签页是 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

标签页

扩展页面沙盒页面