擴充彈出視窗點擊事件失敗：解決內容安全策略違規問題

錯誤說明

在Chrome 擴充功能中，擴充功能圖示和擴充功能圖示上的點擊事件彈出頁面中的按鈕不會產生遞增JavaScript 變數的預期回應。

檢查根原因

要偵錯問題，請檢查彈出頁面並檢查控制台日誌。這個錯誤訊息可能表明內容安全策略 (CSP) 違規：

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' chrome-extension-resource:".

CSP 合規性受損

HTML 頁面中的內聯腳本違反了預設 CSP。此政策不允許內聯 JavaScript。

解決方案：隔離 JavaScript

要解決此問題，請從 HTML 檔案中刪除所有內嵌 JavaScript，並將其放在單獨的 JavaScript 檔案中。

修改代碼結構

hello.html（彈出頁)

popup.js

var a = 0;
function count() {
  a  ;
  document.getElementById('demo').textContent = a;
}
document.getElementById('do-count').onclick = count;

註解

• 更改文字時將innerHTML替換為textContent以減輕潛在的XSS漏洞。
• 此解決方案確保符合 CSP，實現正確的腳本執行和點擊事件處理。