正确关闭WebSocket(HTML5,Javascript)

前端之家收集整理的这篇文章主要介绍了正确关闭WebSocket(HTML5,Javascript)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在玩HTML5 WebSockets。我在想,如何优雅地关闭连接?喜欢,如果用户刷新页面或只关闭浏览器会发生什么?

有一个奇怪的行为,当用户只是刷新页面而不调用websocket.close() – 当他们返回后刷新它会打击websocket.onclose事件。

解决方法

根据 protocol spec v76(这是具有当前支持工具的浏览器的版本):

To close the connection cleanly,a frame consisting of just a 0xFF byte
followed by a 0x00 byte is sent from one peer to ask that the other peer
close the connection.

如果您正在编写服务器,则应确保在服务器关闭客户端连接时发送关闭帧。正常的TCP套接关闭方法有时可能很慢,导致应用程序认为连接仍然打开,即使它不是。

浏览器应该真的这样做,当你关闭或重新加载页面。但是,您可以确保通过捕获beforeunload事件发送关闭帧:

window.onbeforeunload = function() {
    websocket.onclose = function () {}; // disable onclose handler first
    websocket.close()
};

我不知道如何在页面刷新后可以得到onclose事件。页面重新加载后,websocket对象(带有onclose处理程序)将不再存在。如果您在页面加载时立即尝试在页面上建立WebSocket连接,那么您可能会遇到一个问题,即服务器在旧连接断开后(或浏览器未就绪)就拒绝新连接在您尝试连接的点进行连接),并且您正在获取新的websocket对象的onclose事件。

猜你在找的HTML5相关文章