如何在 Chrome 和 Firefox 扩展中成功执行 JavaScript？

Chrome/Firefox 扩展中的 JavaScript 执行挑战

在 Chrome 和 Firefox 扩展中，通过内联脚本或 onClick 事件执行 JavaScript 可能会出现问题。出现这种情况是由于这些平台施加的限制。

不允许内联 JavaScript

Chrome 扩展程序明确禁止使用内联 JavaScript。相反，脚本必须作为外部文件单独包含。

onClick 事件限制

Firefox WebExtensions 也不允许内联 onClick 事件。事件侦听器必须使用 addEventListener 方法附加到元素。

onClick 事件的解决方法

要使 onClick 事件在扩展中工作，请按照以下步骤操作：

1. 为触发事件的元素分配一个 ID（例如，
2. 在外部脚本文件（例如 popup.js）中，使用以下代码：

document.addEventListener('DOMContentLoaded', function() {
  var link = document.getElementById('link');
  link.addEventListener('click', function() {
    // onClick event logic here
  });
});

3. 将脚本文件包含为HTML 文件中的单独脚本标记：

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

通过实施这些解决方法，您可以克服 Chrome 和 Firefox 扩展中内联 JavaScript 和 onClick 事件的限制。

以上是如何在 Chrome 和 Firefox 扩展中成功执行 JavaScript？的详细内容。更多信息请关注PHP中文网其他相关文章！