node.js - socket.io xhr-轮询断开事件

Question

我有一个 socket.io Node 脚本:

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

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

但是，当我连接 iPhone 并关闭页面时，我没有看到此消息。我看到调试 - xhr-polling 由于超出持续时间而关闭

如何接收 iOS 的断开连接事件？

Answer 1

当您在 iPhone 中查看页面时，Socket.io 会切换到 xhr 轮询传输。这可能是由 socket.io 的配置引起的，或者是因为您的 iPhone 中的浏览器不(完全)支持 websockets。

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

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

好消息:您可以要求 socket.io 的客户端通过打开卸载时同步断开标志来通知服务器有关断开连接的信息:

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

警告:当网络和/或服务器速度缓慢时，此选项可能会恶化用户体验，请参阅此 pull request了解更多信息。

更新

根据socket.io force a disconnect over XHR-polling ，设置卸载时同步断开连接可能不足以解决 iPhone/iPad 上的问题。

正如您在socket.io-client source code 中看到的那样, sync disconnect on unload 为 beforeunload 事件设置监听器，iOS Safari 不支持该事件。

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