Firefox 插件弹出 JavaScript 不起作用

Answer 1

这里有几个潜在的问题：

首先，内联 Javascript（在

<script></script>

标签内）默认情况下不允许。

要将 Javascript 包含到弹出窗口中，您需要将其放入单独的 Javascript 文件中，参考如下：

<script src="index.js"></script>

您的

index.js

位于同一文件夹中并且包含您的代码：

document.getElementById("video").addEventListener("click", () => {
  document.getElementById("video").style.backgroundColor = "red";
});

第二，

document.getElementById("video").style.backgroundcolor = "red";

属性不正确，应该是

style.backgroundColor

，大写 C。

Answer 2

要添加已接受的答案，您可能还需要将以下内容添加到您的manifest.json 文件中：

清单 v2：

"content_security_policy": "script-src 'self'; object-src 'self'",

清单 v3：

  "content_security_policy": {
    "extension_pages": "script-src 'self'; object-src 'self';"
  },