2

我曾尝试浏览此处发布的类似问题，但似乎没有一个有效

清单.json

{
    "manifest_version": 2,
    "name" : "A simple Found Text Demo",
    "description" : "Bla",
    "version" : "1.0",
    "background" : {
        "pages" : "background.html"
    },
    "page_action" : {
        "default_icon" : "icon.png"
    },

    "content_scripts" : [{
        "matches" : ["*://*/*"],
        "js" : ["contentscript.js"]
    }]
}

背景.html

<html>
 <script>
    chrome.extension.onMessage.addListener(
            function(request, sender, sendResponse){
            alert(request);

    //chrome.pageAction.show(sender.tab.id);
            sendResponse('Found!');
            }
    )
 </script>
</html>

内容脚本.js

chrome.extension.sendMessage({"name" : "hola"}, function(res){
     console.log(res); })

但是我反复得到同样的错误：

Port error: Could not establish connection. Receiving end does not exist.

有任何想法吗？

4

1 回答 1

5

由于事情变成了manifest 2，您实际上不再被允许使用内联脚本（例如您background.html在<script>上面的标签中拥有的内容。请参见此处）。我不确定你的用例，但在大多数情况下是简单的情况（阅读：我做过的东西:)），你实际上不需要填充background.html任何东西。相反，您可以直接传入一个background.js包含与上面相同的脚本的文件。因此，您可以尝试将您的更改manifest.json为：

{
    "manifest_version": 2,
    "name" : "A simple Found Text Demo",
    "description" : "Bla",
    "version" : "1.0",
    "background" : {
        "scripts" : ["background.js"]
    },
    "page_action" : {
        "default_icon" : "icon.png"
    },

    "content_scripts" : [{
        "matches" : ["*://*/*"],
        "js" : ["contentscript.js"],
        "run_at": "document_end"
    }]
}

请注意，我们在这里做了两件事 - 更改pages为scriptsinside ofbackground并将其指向["background.js"]，然后添加"run_at": "document_end"到该content_scripts部分的末尾。如果忽略，这肯定会导致问题（类似于您现在看到的问题） - 您现在告诉内容脚本在页面加载后运行。如果它立即运行，您将面临后台页面未加载的风险，这意味着它尚未准备好接收消息并为您提供连接错误。下面是background.js，它与您之前在<script>标签之间的脚本相同：

chrome.extension.onMessage.addListener(
        function(request, sender, sendResponse){
        alert(request);

//chrome.pageAction.show(sender.tab.id);
        sendResponse('Found!');
        }
)
于 2013-01-19T23:18:09.313 回答