Firefox / Chrome Web扩展-尝试通过内容脚本注入IFrame时出现安全错误

Question

I have the following really simple code in a content script that runs whenever a button in my "popup.html" file is pressed: 每当按下“ popup.html”文件中的按钮时，内容脚本中就会运行以下非常简单的代码：

Section of code inside "inject.js" “ inject.js”内部的代码部分

browser.runtime.onMessage.addListener((message) => {
    console.log("Trying to inject iFrame");
    var iframe = document.createElement("iframe");
    iframe.src = browser.extension.getURL("inject.html");
    document.body.appendChild(iframe);
});

The content of "inject.html" is: “ inject.html”的内容是：

<!DOCTYPE html>
<html>

<head>
</head>

<body>
    <p>
        Hello. This is a Test.
    </p>
</body>

</html>

However, when this code runs I get the following output in the console (Using "example.com: as an example URL): 但是，运行此代码时，我在控制台中得到以下输出（使用“ example.com：作为示例URL”）：

Trying to inject iFrame 尝试注入iFrame
Security Error: Content at http://example.com/ may not load or link to moz-extension://218287b3-46eb-4cf6-a27f-45b9369c0cd9/inject.html. 安全错误： http ： //example.com/上的内容可能无法加载或链接到moz-extension：//218287b3-46eb-4cf6-a27f-45b9369c0cd9/inject.html。

Here is my "manifest.json" 这是我的“ manifest.json”

{
"manifest_version": 2,
"name": "Summarizer",
"version": "1.0",

"description": "Summarizes webpages",

"permissions": [
    "activeTab",
    "tabs",
    "storage",
    "downloads",
    "*://*.smmry.com/*"
],

"icons":
{
    "48": "icons/border-48.png"
},

"browser_action":
{
    "browser_style": true,
    "default_popup": "popup/choose_length_page.html",
    "default_icon":
    {
        "16": "icons/summarizer-icon-16.png",
        "32": "icons/summarizer-icon-32.png"
    }
}

"web_accessible_resources": [
    "inject.html"
]
}

And, lastly, here is the top level file structure of my extension: 最后，这是我的扩展程序的顶级文件结构：

How can I fix this security error? 如何解决此安全错误？

This is not a duplicate of this: Security error in Firefox WebExtension when trying getUrl image because I provided the full path in my manifest.json 这不是重复的：尝试getUrl图像时Firefox WebExtension中的安全错误，因为我在manifest.json提供了完整路径

Answer 1

I was missing a comma. 我错过了一个逗号。 Here is the relevant portion of the manifest.json with the comma in place: 这是manifest.json的相关部分，并带有逗号：

"browser_action":
{
    "browser_style": true,
    "default_popup": "popup/choose_length_page.html",
    "default_icon":
    {
        "16": "icons/summarizer-icon-16.png",
        "32": "icons/summarizer-icon-32.png"
    }
},

"web_accessible_resources": [
    "inject.html"
]

Firefox / Chrome Web扩展-尝试通过内容脚本注入IFrame时出现安全错误

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-04-15 22:32:25

Firefox / Chrome Web扩展-尝试通过内容脚本注入IFrame时出现安全错误

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-04-15 22:32:25

解决方案1
0 已采纳 2018-04-15 22:32:25