Chrome 扩展程序弹出窗口点击事件未触发：解决内容安全策略违规问题
您的 Chrome 扩展程序弹出窗口未响应按钮点击，阻碍了预期行为。罪魁祸首在于浏览器强制执行的默认内容安全策略 (CSP)。
了解问题
要调试问题，请右键单击弹出按钮并选择“检查弹出窗口”。您将遇到一条错误消息，指出内联脚本违反了“script-src”CSP 指令。这解释了为什么点击事件没有触发。
解决方案：分离 JavaScript 代码
要纠正此问题，请将所有内联 JavaScript 代码从 HTML 文件移至单独的文件中JS 文件。通过将脚本与 HTML 文档隔离来遵循 CSP 要求。
修订后的代码：
hello.html（弹出窗口） Page)
<!DOCTYPE html> <html> <head> </head> <body> <p>
popup.js
var a = 0;
function count() {
a++;
document.getElementById('demo').textContent = a;
}
document.getElementById('do-count').onclick = count;注意： 如果您想要将innerHTML 替换为textContent，修改文本。虽然这在此示例中并不重要，但建议在复杂应用程序中使用 textContent 来增强安全性（XSS 缓解）。
以上是为什么我的 Chrome 扩展程序弹出窗口的点击事件没有触发？的详细内容。更多信息请关注PHP中文网其他相关文章！
