消息从网页传递到 chrome 扩展中的 contentscript.js [重复]

Question

想要从浏览器中的页面向 chrome 扩展中的 contentscript.js 发送一个状态值，方法是向新创建的事件添加一个值，并将其传递给扩展，但接收值为“未定义”。 代码如下。

page.html

<html>
<head></head>
<body>
<script>
    var go = function() {
    var sam=1;
        var event = document.createEvent('Event',{"details": 1});
        event.foo=sam;
        event.initEvent('hello');
        document.dispatchEvent(event);
    }
</script>
<a href="javascript:go();">Click me</a>
</body>
</html>

我正在尝试访问 'foo' 和 'status'（其中一个）的值，但将这两个值都设为 'undefined'。

contentscript.js

document.addEventListener("hello", function(data) {
    alert("test:foo "+data.foo+":"+data.status);
})

请告诉我如何访问该值。

Answer 1

 Based on documentation from: [https://developer.chrome.com/extensions/messaging#external-webpage][1]

    - manifest.json

    "externally_connectable": {
      "matches": ["*://<your extension id>/*/page.html"]
    }

    page.html:
    // The ID of the extension we want to talk to.
    var editorExtensionId = "abcdefghijklmnoabcdefhijklmnoabc";

    // Make a simple request:
    chrome.runtime.sendMessage(editorExtensionId, {"details": 1},
      function(response) {
        if (!response.success)
          handleError(url);
      });

    contentscript.js

    chrome.runtime.onMessageExternal.addListener(
      function(request, sender, sendResponse) {
        if (sender.url === blacklistedWebsite)
          return;  // don't allow this web page access
        if (request.details)
          //process message
      });