google-chrome - 如何修复内容安全策略错误？（Chrome 扩展程序）

Question

我正在构建一个 chrome 扩展，并使用了一些来自 font awesome 的图标。但是，由于以下错误，这些图标没有加载 -

作为参考，这里是 manifest.json 文件 -

{
    "manifest_version": 2,
    "name": "Safe and Secure",
    "description": "Every security tool at one place.",
    "version": "1.0.0",
    "icons": {"128": "logo_128.png"},
    "browser_action": {
        "default_icon": "images/logo.png",
        "default_popup": "index.html"
    }
}

Answer 1

默认情况下，Chrome 扩展只有一个文件位于此处Content Security Policy指定的扩展目录中。原因是您的扩展程序的用户不容易受到可能从网站引入的恶意代码的攻击。

如果你想为图标使用 font-awesome 脚本，你必须在 manifest.json 中指定。

{
    "manifest_version": 2,
    "name": "Safe and Secure",
    "description": "Every security tool at one place.",
    "version": "1.0.0",
    "icons": {"128": "logo_128.png"},
    "browser_action": {
        "default_icon": "images/logo.png",
        "default_popup": "index.html"
    }
    // add this line
    "content_security_policy": "script-src 'self' https://example.com; object-src 'self'",
}

以上只是你如何引入它的一个例子。我会检查上面链接的网站，以找到一个与你的用例相匹配的例子。