框架
扩展页面

浏览器扩展页面

扩展页面是浏览器识别的内置页面。它们包括扩展的弹出窗口、选项、侧边栏和新标签页。

👀

注意!在创建新的浏览器扩展页面时,请确保手动刷新您的扩展程序,因为我们的运行时可能没有监听到变化,并且在某些情况下可能不会更新。

添加一个弹出页面

弹出页面是一个小对话框窗口,当用户点击浏览器工具栏中的扩展图标时打开。这是最常见的扩展页面类型。

创建一个 popup.tsx 文件或 popup/index.tsx 文件,该文件导出一个默认的 React 组件。这样,您的弹出窗口就可以使用了 🚀!

参见 with-popup (opens in a new tab)

添加选项页面

选项页面是扩展设置和配置的专用位置。

创建一个 options.tsxoptions/index.tsx 文件以渲染 options_ui 👌

参见 with-options (opens in a new tab)

添加新标签页

新标签页覆盖默认标签页,通常是浏览器欢迎用户的方式。

创建一个 newtab.tsx 文件或 newtab/index.tsx 文件,Plasmo 将负责其余部分以渲染您的新标签页 🤘!

参见 with-newtab (opens in a new tab)

添加侧边栏

侧边栏允许扩展在侧边栏中显示自己的 UI,为用户的浏览旅程提供持久的体验补充。

创建一个 sidepanel.tsx 文件或 sidepanel/index.tsx 文件,Plasmo 将负责其余部分以在侧边栏中渲染 UI。

参见 with-sidepanel (opens in a new tab)

添加开发者工具页面

开发者工具页面是用户为扩展打开开发者工具时显示的专用页面。

创建一个 devtools.tsx 文件或 devtools/index.tsx 文件,Plasmo 将负责其余部分!

参见 with-devtools (opens in a new tab)