加载

项目设置完成后,现在可以在浏览器中进行测试运行了。

在浏览器中加载您的扩展

开发服务器

npm
pnpm
bun
yarn
npm run dev

打开浏览器


打开Chrome浏览器并导航至chrome://extensions

开启开发者模式

Chrome开发者模式开关

加载解压缩的扩展

点击加载解压缩的扩展按钮并选择您项目的dist目录。

开发弹出窗口

扩展弹出窗口失去焦点时通常会关闭。编辑时如需保持窗口打开,请右键点击工具栏中 的扩展图标并选择审查弹出内容。只要DevTools窗口保持连接,弹出窗口就会 保持打开。

如果没有框架专用的HMR处理器,修改弹出窗口的HTML或JavaScript会重新加载扩展 页面。导入的CSS可以原地更新而无需完整重新加载,因此页面的当前状态可以保留。 React或Vue等框架插件可以提供粒度更细的组件更新。