websocket接收到word时如何通过端口postMessage。？

Posted 2023-02-16

【中文标题】websocket接收到word时如何通过端口postMessage。？

【英文标题】：How to postMessage through port when websocket receives the word.?

【发布时间】：2014-06-05 16:20:39

【问题描述】：

我正在尝试使用 websocket 的 onMessage 函数，以便当它收到“go”这个词时，它将通过当前选项卡的端口发布消息。当前选项卡 ID 有效，但我不断收到错误 Uncaught TypeError: Cannot read property 'postMessage' of undefined.

ws.onmessage = function (evt)   
if(evt.data == "connect")
  rpwd = "helloworld";
    ports[curTabID].postMessage(text: rpwd);

;

【问题讨论】：

ports 是如何构建、维护的，您从哪里获得curTabID？ -1 目前信息不足；阅读this help article，并相应地编辑您的帖子。

【参考方案1】：

问题在于我将端口和 tab.id 误认为是同一个东西。 postMessage 必须在端口上调用。我必须添加一个 onConnect 侦听器来获取打开的任何选项卡的端口。

var ports = ;
function onConnect(port) 
ports[port.sender.tab.id] = port;

chrome.extension.onConnect.addListener(onConnect);

在那之后，我需要知道我当前的标签 ID 是什么，以便我可以在由 onConnect 填充的 ports 数组中查找它。

var curTabID = 0;

chrome.tabs.onSelectionChanged.addListener(function(tabId) 
    curTabID = tabId;
);

由此，我能够获得发送 postMessage 所需的端口信息。

ws.onmessage = function (evt)   
    if(evt.data == "connect")
        rpwd = "helloworld";
        ports[curTabID].postMessage(text: rpwd);

;

我在这段代码上费了很大力气，所以我希望我能节省一些时间。

【讨论】：

您不必像这样跟踪活动标签。 chrome.tabs.query(active: true, currentWindow: true, ...); 将根据需要找到当前标签。