Chrome 扩展 - 将变量从内容脚本发送到事件页面答案

【问题标题】：Chrome Extension - Sending variable from content script to event pageChrome 扩展 - 将变量从内容脚本发送到事件页面
【发布时间】：2016-11-29 06:51:03
【问题描述】：

我想要一个事件页面从向它发送消息的内容脚本中获取一个变量。据我所知，我只能向事件页面发送一个简单的 JSON 消息，例如{greeting: "hello"}。

如何将变量从内容脚本发送到事件页面？

我查看了 JSON.stringify() 以通过 JSON 消息发送变量，但我没有任何运气。

【问题讨论】：

变量中有什么？
@gcampbell 一个字符串。
您应该能够将其编码为 JSON。 JSON.stringify 有什么问题？

标签： javascript json google-chrome-extension google-chrome-devtools

【解决方案1】：

假设您有一个名为VAR 的变量，您可以直接通过chrome.runtime.sendMessage 发送它而无需执行任何操作，因为the message is automatically JSON-serialized。

chrome.runtime.sendMessage({ data: VAR });

【讨论】：

【解决方案2】：

您可以在从内容脚本发送消息时将对象字符串化，然后在收到消息时在事件页面中对其进行解析。

内容脚本

var myObj = {};
chrome.runtime.sendMessage({data: myObj}, function(response) {

});

活动页面

chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
      var data = request.data;
});

【讨论】：

the message is automatically JSON-serialized