Question

我的情况是我打开了一个浏览器，打开了多个标签页，标签页上的信息会向后台发送消息。然后从后台我想将消息发送回发送原始消息的选项卡。

我尝试过使用appAPI.message.toActiveTab，但这并不总是有效，因为用户可以在后台发送消息之前更改选项卡。有没有办法通过Crossrider实现这一目标？

Answer 1

您可以通过将tabId作为请求的一部分从选项卡传递到后台代码来实现目标。在后台，将响应广播到所有选项卡，并在邮件中发送tabId，以便原始选项卡可以识别邮件。

以下示例演示了原则：

<强> extension.js ：

appAPI.ready(function($) {
  // Listener to handle incoming messages
  appAPI.message.addListener(function(msg) {
    // Check if the message is intended for this tad
    if (msg.tabId === appAPI.getTabId()) {
      // Your code here
    }
  });

  // Send message to background
  appAPI.message.toBackground({
    // Pass the tabId with the message
    tabId: appAPI.getTabId(),
    yourData: ...
  });
});

<强> background.js ：

appAPI.ready(function($) {
  // Listener to handle incoming messages
  appAPI.message.addListener(function(msg) {
    // Send message to all tabs
    appAPI.message.toAllTabs({
      // Pass the tabId with the message to identification
      tabId: msg.tabId,
      yourData: ...
    });
  });
});

[披露：我是Crossrider员工]

如何将消息传递回特定选项卡？

1 个答案: