首頁 > web前端 > js教程 > 如何在 Chrome 和 Firefox 擴充功能中成功執行 JavaScript?

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

Patricia Arquette
發布: 2024-12-19 11:39:10
原創
1013 人瀏覽過

How Can I Successfully Execute JavaScript in Chrome and Firefox Extensions?

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

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

不允許內聯 JavaScript

Chrome 擴充功能明確禁止使用內聯 JavaScript。相反,腳本必須作為外部文件單獨包含。

onClick 事件限制

Firefox WebExtensions 也不允許內聯 onClick 事件。事件偵聽器必須使用 addEventListener 方法附加到元素。

onClick 事件的解決方法

要讓onClick 事件在擴展中工作,請按照以下步驟操作:

  1. 為觸發事件的元素分配一個ID(例如,
  2. 在外部腳本檔案(例如在popup.js)中,使用以下程式碼:

1

2

3

4

5

6

document.addEventListener('DOMContentLoaded', function() {

  var link = document.getElementById('link');

  link.addEventListener('click', function() {

    // onClick event logic here

  });

});

登入後複製
  1. 將腳本檔案包含為HTML 檔案中的單獨腳本標記:

1

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

登入後複製

透過實作這些解決方法,您可以克服Chrome 和Firefox 擴充功能中內聯JavaScript 和onClick 事件的限制。

以上是如何在 Chrome 和 Firefox 擴充功能中成功執行 JavaScript?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板