ports 只读特性在 ExtendableMessageEvent interface returns the array containing the MessagePort objects representing the ports of the associated message channel (the channel the message is being sent through.)

句法

var myPorts = extendableMessageEvent.ports;
					

An array of MessagePort 对象。

范例

When the following code is used inside a service worker to respond to a push messages by sending the data received via PushMessageData to the main context via a channel message , the event object of onmessage 将是 ExtendableMessageEvent .

var port;
self.addEventListener('push', function(e) {
  var obj = e.data.json();
  if(obj.action === 'subscribe' || obj.action === 'unsubscribe') {
    port.postMessage(obj);
  } else if(obj.action === 'init' || obj.action === 'chatMsg') {
    port.postMessage(obj);
  }
});
self.onmessage = function(e) {
  port = e.ports[0];
}
					

规范

规范 状态 注释
服务工作者
The definition of 'ExtendableMessageEvent.ports' in that specification.
工作草案 初始定义。

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
桌面 移动
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
ports Chrome ? Edge ? Firefox 45 注意事项
45 注意事项
Extended Support Releases (ESR) before Firefox 78 ESR do not support service workers and the Push API.
IE 不支持 No Opera ? Safari 不支持 No WebView Android 不支持 No Chrome Android ? Firefox Android 45 Opera Android ? Safari iOS 不支持 No Samsung Internet Android ?

图例

完整支持

完整支持

不支持

不支持

兼容性未知 ?

兼容性未知

实验。期望将来行为有所改变。

实验。期望将来行为有所改变。

见实现注意事项。

另请参阅

元数据

  • 最后修改: