從popup.html中，如何通過按鈕onclick運行javaxcript函數？

Question

我正在嘗試構建Chrome的擴展程序，但我是新手，而且無法理解Google提供的文檔。我希望擴展名有一個彈出窗口，顯示幾個按鈕，當點擊一個按鈕時，我想運行一個腳本。

這是我的設置：

popup.html

<button id="test1" onclick="getSite();">button 1</button>
<button id="test2" onclick="getSite();">button 2</button>

content_script.js

function getSite(){alert('getSite works!');}

我無法理解如何使用鉻的JavaScript API，如我看到其他人說使用chrome.tabs.executeScript，但我無法弄清楚那條線的去向。誰能幫我？我會給你一個餅乾！或者只是一個upvote ..或者兩者兼而有之？

Answer 1

我認爲你有這個問題是因爲Google Content Security Policy施加的限制。它提到iniline javascript就像你在代碼中提到的代碼不會被執行。嘗試從您的HTML標記中刪除onclick="getSite()"至content_script.js。使用addEventListener函數將事件附加到按鈕。

Answer 2

您還沒有提到您希望腳本運行在哪個頁面onclick，在Popup.html頁面或用戶目前正在瀏覽器上工作的頁面上。如果它只是您要執行腳本的popup.html page，請將其包含在popup.html頁面本身中。

如果要在用戶的瀏覽器頁面上執行它們，則必須將消息傳遞到背景頁面，該頁面依次執行chrome.tabs.executeScript，當前選項卡的ID和{file: 'yourjsfile.js'}作爲參數。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.