您的第一个扩展 - 官方 Firefox 扩展教程不起作用

Question

我想尝试学习如何制作浏览器扩展，并尝试做第一个官方教程https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension

当遵循此处的所有内容并进入 mozilla.org 域时，扩展程序不会在网站周围放置红色边框。它基本上什么也不做。 （我知道 addon.mozilla.org 上禁用了内容脚本）

我仔细遵循了教程的每一步。

这是本教程的存储库：https://github.com/mdn/webextensions-examples/tree/master/borderify

我只是想验证我是否是唯一一个对本教程不起作用的人。

Answer 1

教程很好。您可以尝试换个网站再测试一下。例如：

{

  "description": "Adds a solid red border to all webpages matching mozilla.org. See https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples#borderify",
  "manifest_version": 2,
  "name": "Borderify",
  "version": "1.0",
  "homepage_url": "https://github.com/mdn/webextensions-examples/tree/master/borderify",
  "icons": {
    "48": "icons/border-48.png"
  },

  "content_scripts": [
    {
      "matches": ["*://*.example.com/*"],
      "js": ["borderify.js"]
    }
  ]

}

然后前往

https://example.com/

进行测试。

Answer 2

我遇到了同样的问题：Borderify示例不起作用。就我而言，这是我的默认浏览器隐私设置的问题。

尝试进入 Firefox 设置并查看选项始终使用隐私模式是否已禁用。

或者，在调试模式下加载扩展后，转到 Add-Ons 部分并为私有窗口启用扩展。

Answer 3

在添加到“加载临时附加组件”之前先压缩文件。

有一个STEP，“您的第一个扩展 - 官方 Firefox 扩展”缺少教程...

您需要从扩展文件创建一个 ZIP 文件， 像这样

my_extension.zip
  |- borderify.js
  |- manifest.json
  |- icons

缺少步骤链接-
https://extensionworkshop.com/documentation/publish/package-your-extension/

Answer 4

这是一篇旧帖子，但我也遇到了同样的问题。问题是我在 Firefox 时将扩展放在另一个磁盘上；我在 E: 上创建了扩展文件，但 Firefox 在 C: 上。当我将扩展移至 C: 时，该插件起作用了。