如何调试Firefox附加组件(扩展)
#javascript #网络开发人员 #browser #extensions

在开始之前

Firefox支持浏览器扩展,例如基于铬的浏览器(Chrome,Arc,Brave,Edge等)。有时它们被称为Firefox土地中的附加组件。

这篇文章假设您正在调试您正在构建的浏览器扩展程序,即拥有源代码并可以在本地构建。

还假设已经构建了Firefox附加组件,即生成文件,包括工作附加组件的清单。

以下说明适用于FirefoxFirefox Deveoper Edition

设置Firefox用于调试附加组件

  1. 打开浏览器devtools,然后单击三个点按钮,然后选择设置。

    CleanShot 2023-08-07 at 22 06 39

  2. 向下滚动到“高级设置”部分,并确保选中启用浏览器chrome和附加调试工具箱

    CleanShot 2023-08-07 at 22 08 32

  3. 通过单击Firefox右上角的拼图图标或通过应用程序菜单,工具 - >附加组件和主题来加载附加组件

    CleanShot 2023-08-07 at 22 11 39

    CleanShot 2023-08-07 at 22 10 35

  4. 单击COG图标以打开菜单,然后选择调试附加组件

    CleanShot 2023-08-07 at 22 12 16

  5. 确保您通过运行npm run build

  6. 在分支中的更改中构建了扩展程序
  7. 单击加载临时附加。。按钮

    CleanShot 2023-08-07 at 22 13 00

  8. 从OS文件菜单中选择附加组件的清单文件,然后单击 open 按钮。

    CleanShot 2023-08-07 at 22 14 23

  9. 现在可以使用扩展名。

    CleanShot 2023-08-07 at 22 15 24

  10. 导航到GITHUB页面,您想开始与Firefox附加组件一起调试其余问题

  11. 如果要调试或检查扩展名,请单击“临时扩展”部分的 Inspect 按钮。

    CleanShot 2023-08-07 at 22 16 54

就是这样!

Birger Strahl上的Unsplash