javascript - Chrome 扩展 : Content Security Policy Error

Question

我正在开发可打开新窗口的 Chrome 扩展程序。该窗口包含我的 page.html哪里有一些脚本，这就是问题所在，因为在控制台中我可以看到错误...现在。

当我不向我的 manifest.json 添加任何其他内容时或 page.html我收到此错误:

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:". Either the 'unsafe-inline' keyword, a hash ('sha256-t+n/+H6ALc8VWtFbu1Zd7/MPwtSjSk8PIrfccO7FJrg='), or a nonce ('nonce-...') is required to enable inline execution.`,

如果我添加

 "content_security_policy": "script-src 'self' chrome-extension://capfbnhhhkfclmggnafjgkolommmmoch; object-src 'self';"

到我的manifest.json , 我得到

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' chrome-extension://capfbnhhhkfclmggnafjgkolommmmoch". Either the 'unsafe-inline' keyword, a hash ('sha256-t+n/+H6ALc8VWtFbu1Zd7/MPwtSjSk8PIrfccO7FJrg='), or a nonce ('nonce-...') is required to enable inline execution.

当我添加一些 meta标记到我的 page.html存在相同或相似的错误。

我的问题是:我该如何修复它？因为我认为 "script-src 'self' blob: filesystem: chrome-extension-resource:"是某种模板，所以我必须在之后添加一些数据 : s... 但我真的不知道是哪个。我看到了here关于它的一些东西，但我不知道我应该用它做什么或我应该在哪里写它。所以请帮助我，如果我修复了那个错误，我会很高兴。

打开窗口的代码:

$.get(chrome.extension.getURL('/page.html'), function(data) {
    var myWindow;
    myWindow = window.open("", "TopSerialy.sk Vyhľadávač","width=386,height=290");
    myWindow.moveTo((screen.width/2)-(386/2), ((screen.height-93)/2)-(290/2));
    myWindow.document.write(data);
});

page.html仅包含按下按钮时关闭窗口的简单脚本，由 <script>functions, etc...</script> 声明HTML 中的标记，而不是 <script scr="some_url/script.js"></script> !

Answer 1

这不起作用，因为 Chrome forbids any kind of inline code通过内容安全策略在扩展中。

你可以做的是:

1. 将所有内联代码放入某个文件(popup.js) .
2. 添加到您的代码中 <script src="popup.js"></script>