Pages
Get started with your extension's pages.
Extension pages are built-in pages recognized by the browser. They include the extension's popup, options, sidepanel and newtab pages.
As WXT is based on Vite, it has very powerful HMR support. This means that you don't need to refresh the extension manually when you make changes to the code.
Popup
The popup page is a small dialog window that opens when a user clicks on the extension's icon in the browser toolbar. It is the most common type of extension page.
Options
The options page is meant to be a dedicated place for the extension's settings and configuration.
Give users options
developer.chrome.com
Devtools
The devtools page is a custom page (including panels) that opens when a user opens the extension's devtools panel.
Extend devtools
developer.chrome.com
New tab
The new tab page is a custom page that opens when a user opens a new tab in the browser.
Override Chrome pages
developer.chrome.com
Side panel
The side panel is a custom page that opens when a user clicks on the extension's icon in the browser toolbar.
Side panel
developer.chrome.com
Tabs
Unlike traditional extension pages, tab (unlisted) pages are just regular web pages shipped with your extension bundle. Extensions generally redirect to or open these pages programmatically, but you can link to them as well.
They could be useful for following cases:
- when you want to show a some page when user first installs your extension
- when you want to have dedicated pages for authentication
- when you need more advanced routing setup
Your tab page will be available under the /tabs path in the extension bundle. It will be accessible from the browser under the URL:
Unlisted pages
wxt.dev
Last updated on