socket.io xhr-polling断开事件

一尘不染

node.js

我有一个socket.io节点脚本，其中：

socket.on('disconnect', function(data) {    
  console.log('disconnect!');
});

当我连接Chrome / Safari并关闭页面时，看到“断开连接！” 在我的服务器控制台中。

但是，当我连接iPhone并关闭页面时，看不到此消息。我懂了debug - xhr-polling closed due to exceeded duration

如何通过iOS接收断开连接事件？

阅读 466

2020-07-07

共1个答案

一尘不染

当您在iPhone中查看页面时，Socket.io切换到xhr-polling传输。这可能是由socket.io的配置引起的，或者是由于iPhone中的浏览器不（完全）支持websocket。

关闭连接时，socket.io中的xhr-
polling实现不会发出断开连接事件，请参阅github问题＃431。您可以通过强制socket.io服务器仅使用xhr-polling传输，在Chrome浏览器中重现此问题：

// the server side
var io = require('socket.io').listen(httpServer);
io.set('transports', ['xhr-polling']);

好消息：您可以要求socket.io的客户端通过打开sync disconnect on unload标志来通知服务器有关断开连接的信息：

// the browser (HTML) side
var socket = io.connect('http://localhost', {
  'sync disconnect on unload': true
});

警告：如果网络和/或服务器速度较慢，此选项可能会恶化用户体验，请参阅此请求请求以获取更多信息。

更新

根据socket.io强制通过XHR-polling断开连接，该设置sync disconnect on unload可能不足以解决iPhone /iPad上的问题。

正如你在socket.io客户端看到源代码，sync disconnect on unload建立一个监听beforeunload事件，这是iOS不Safari浏览器支持根据。

解决方案可能是修复socket.io-client侦听unload和pagehide事件，因为卸载事件可能无法按预期进行向前和向后优化。
请改用pageshow和pagehide事件。 [Apple
Web内容指南]。

2020-07-07