HTML5中主线程连接SharedWorker的Connect事件处理规范-H5教程-PHP中文网

HTML5中主线程不存在“connect”事件；主线程通过new SharedWorker()获取port对象，调用port.start()后即可监听message事件并postMessage通信。

html5中主线程连接sharedworker的connect事件处理规范

HTML5 中主线程连接 SharedWorker 时，并不存在名为 “Connect 事件” 的标准事件。这是常见误解，源于对规范机制的混淆。

SharedWorker 的连接机制不依赖 “connect” 事件

SharedWorker 的通信入口是通过其返回的 port 对象建立的，主线程调用 worker.port.start() 后即可收发消息。Worker 端（即共享脚本）确实监听 connect 事件，但该事件只在 SharedWorker 全局作用域（worker 线程内部） 触发，用于捕获新端口连接，主线程无法监听或触发它。

主线程中没有 sharedWorker.addEventListener('connect', ...) 这样的合法 API
试图在主线程监听 connect 会静默失败或抛出 TypeError（因事件名不存在）
规范中定义的 connect 事件仅属于 SharedWorkerGlobalScope，与 Window 或 Worker 主线程无关

主线程正确的连接与通信流程

主线程应按以下步骤与 SharedWorker 建立并使用连接：

创建实例：const sw = new SharedWorker('worker.js')
获取通信端口：const port = sw.port（自动创建，无需手动 new）
启动端口：port.start()（若使用 message 事件需先调用）
监听消息：port.addEventListener('message', handler)
发送消息：port.postMessage(data)

注意：port 在首次访问时已就绪，无需等待“连接完成”事件——连接在 new SharedWorker() 调用后由浏览器异步建立，端口可立即使用（未激活时消息会被排队）。

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

SharedWorker 端的 connect 事件用途

仅在 worker.js 内部有效，用于响应新页面/Worker 的接入：

事件对象为 ConnectEvent，含 source 属性（即新连接的 MessagePort）
必须显式调用 event.ports[0].start() 才能开始收取消息
常用于初始化端口、设置监听、广播上线通知等

示例（worker.js）：

self.addEventListener('connect', (e) => {
  const port = e.ports[0];
  port.addEventListener('message', (msg) => {
    port.postMessage({ ack: true });
  });
  port.start(); // 必须调用
});