Loading
Now that you've setup your project, it's time to give it a test run in the browser.
Loading your extension in the browser
Development Server
Open Browser
Open Chrome and navigate to
chrome://extensions Open Developer Mode
Load Unpacked
Click on the "Load unpacked" button and select the dist directory of your project.
Developing the popup
An extension popup normally closes when it loses focus. To keep it open while editing, right-click the extension's toolbar icon and select Inspect popup. The popup stays open while its DevTools window is attached.
Without a framework-specific HMR handler, changes to the popup's HTML or JavaScript reload the extension page. Imported CSS can update in place without a full reload, which lets the current page state remain intact. Framework plugins such as React or Vue can provide more granular component updates.