Question

我想做一个简单的Chrome扩展程序。这是非常简单的Javascript。这是Javascript：

function popup(){
   alert("Hello");

}

这是HTML：

<button onclick = "popup()">Click me!</button>

这不起作用非常令人尴尬。这是我得到的错误：

拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“ script-src'self'blob：filesystem：”。要启用内联执行，需要使用“ unsafe-inline”关键字，哈希（“ sha256-jl7zkecItBHATwzPa5aa7MfGZ7nKUEQQCaXwXyPlRI4 =”）或随机数（“ nonce -...”）。

请非常沮丧。

Answer 1

由于扩展程序具有阻止内联JavaScript的内容安全策略，因此引起了错误。为了解决此错误，请执行以下操作：

HTML

<button id="btn">Click me!</button>

并将其添加到同一HTML文件内的body标签底部：

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

JS（创建另一个名为test.js的文件）

document.addEventListener("DOMContentLoaded", function(event) {
    let chosenButton = document.getElementById('btn');
    chosenButton.addEventListener('click', function() {
    alert("Hello");
 })
});

尝试在chrome扩展程序中放入JavaScript时为什么会出现错误？

1 个答案: