如何在 Chrome 和 Firefox 擴充功能中成功執行 JavaScript？

Chrome/Firefox 擴充功能中的JavaScript 執行挑戰

Chrome 和Firefox 擴充功能中，透過內嵌腳本或 onClick 事件執行會出現問題。出現這種情況是由於這些平台施加的限制。

不允許內聯 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中文網其他相關文章！