如何监控浏览器或者浏览器页签关闭？

Question

vue 项目，需要记录在页面停留的时长，但是关闭浏览器的时候怎么处理呢？

Answer 1

给一个想法，开一个websocket，浏览器关闭了，socket连接也就断了，服务端记录下就好了

Answer 2

现代浏览器有专门的 API： Navigator.sendBeacon，用于在页面关闭时向服务端发送一个“信标”。

window.addEventListener('unload', logData, false);

function logData() {
    navigator.sendBeacon("/log", 'information');
}