在Web开发中有时需要在IE浏览器关闭时做一些事情,但是在javascript中区分浏览器的刷新和关闭时一件比较困难的事情,网上给出的大部分方案是按照浏览器上各个图标的位置来确定,但浏览器进行缩放的时候位置会发生变化,所以这种方案有一定的局限性,本文给出一中使用websocket和多线程在服务器端来区分浏览器是刷新或者关闭的方法。
代码如下图:
在浏览器刷新或关闭(使用关闭按钮关闭)的时候,首先都会关闭web端的websocket,此时服务器端将收到web端的websocket关闭的信息后会进入close函数,close函数里面做的事情是:首先先清空服务器端的websocket缓存,然后睡眠1秒钟。如果web是关闭操作,1秒钟后,系统中的缓存数据将彻底清空掉。如果web是刷新操作,wed端在关闭websocket之后,会立即重启websocket,此时服务器端会进入accept函数,将相关的websocket缓存数据加入。完成这个过程一般时间在1秒之内,之后判断相关的缓存是否存在,如果存在,则保留系统缓存。通过websocket是否重启,可以在后端判断浏览器是刷新还是关闭操作。
一点说明:图中第39行代码返回值非1001是使用js的websocket函数来关闭websocket,需要清空服务器端缓存数据。如果是1001则是浏览器的刷新或关闭(使用关闭按钮关闭)。