Web应用与Chrome扩展之间的消息传递 - 如何获取消息？

在Web应用和Chrome扩展之间进行消息传递，可以使用Chrome扩展的chrome.runtime.sendMessage和chrome.runtime.onMessage API。以下是一个简单的示例代码，演示如何在Web应用和Chrome扩展之间发送和接收消息。

在Chrome扩展中，可以在background.js文件中使用以下代码发送消息：

// 发送消息给Web应用
chrome.runtime.sendMessage({ message: "Hello from Chrome extension!" }, function(response) {
  console.log("Response from Web app:", response);
});

在Web应用中，可以使用以下代码接收来自Chrome扩展的消息：

// 监听来自Chrome扩展的消息
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  console.log("Message from Chrome extension:", request.message);
  
  // 发送响应给Chrome扩展
  sendResponse({ message: "Hello from Web app!" });
});

需要注意的是，Web应用需要先获取Chrome扩展的ID，在JavaScript代码中可以使用chrome.runtime.id来获取当前扩展的ID，然后将其添加到Web应用的manifest文件中的externally_connectable字段中。

在扩展的manifest文件（manifest.json）中，需要添加externally_connectable字段来指定Web应用的URL，允许其与扩展进行消息传递。例如：

"externally_connectable": {
  "matches": ["https://example.com/*"]
}

这样，Web应用就可以与扩展进行通信并传递消息了。

请注意，以上示例仅为演示目的，实际使用时可能需要根据具体需求进行适当修改。