监听浏览器关闭/刷新按钮,调用接口

关注

原创最新推荐文章于 2026-03-19 01:20:42 发布 3k 阅读 AI 写同款· GEO 优化 ›

在Unity3d使用yolov8的onnx模型输出OUTPUTS是float32[1,35,8400]，表示它会输出一个大小为[1, 35, 8400]的浮点数张量。这个输出张量的维度表示了检测到的目标的数量、每个目标的预测参数以及网格单元的数量。输出张量的第一个维度1表示检测到的目标数量。每个目标由35个值组成，表示目标的类别、置信度、边界框的坐标及10个特定点的位置。要取得8400个数据中置信度最高的数据，然后获取该数据其他channel的数据。运行结果：（蓝色是检测手的边框，红点是自定义的点），其中的四个数字分别表示不同的维度。阅读详情

 

 window.onunload = (e)=>{   

    _gap_time = new Date().getTime() - _beforeUnload_time;  

    if(_gap_time<=5){    

         console.log('关闭')   

         navigator.sendBeacon("/manager/api/v1/login/logout",null)   }  

     else{   

         console.log('刷新')   

         navigator.sendBeacon("/manager/api/v1/login/logout",null)   }   

         }  
    }  

 window.onbeforeunload = (e)=>{   

     _beforeUnload_time = new Date().getTime() 

 }
用户关闭或者刷新网页的时候，有时候需要调用后台接口。一般我们通过ajax或者axios等去调用接口。但是在关闭和刷新中调用你会发现console成功但是后台并没有接受到前端的请求，因为调用接口是异步的，很可能在它发送之前，页面已经卸载了，请求并没有发送出去。

浏览器引入的sendBeacon方法，发出的是异步请求，但是请求是作为浏览器任务执行的，与当前页面是脱钩的。因此该方法不会阻塞页面卸载流程和延迟后面页面的加载。