一尘不染

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侦听unloadpagehide事件,因为 卸载事件可能无法按预期进行向前和向后优化。
请改用pageshow和pagehide事件。
[Apple
Web内容指南]

2020-07-07