0

0

如何在 Vaadin 6 中可靠检测页面刷新(Firefox 兼容)

碧海醫心

碧海醫心

发布时间:2026-02-03 11:29:02

|

366人浏览过

|

来源于php中文网

原创

如何在 Vaadin 6 中可靠检测页面刷新(Firefox 兼容)

vaadin 6 不支持可靠捕获浏览器/标签页关闭事件,但可通过启用 `preserveonrefresh` 并重写 `ui.refresh()` 检测页面刷新;会话超时机制才是处理用户离线退出的推荐方案。

在 Vaadin 6(配合 Java 8 和 Spring)中,无法跨浏览器(包括 Firefox)100% 可靠地检测标签页关闭、浏览器退出或强制刷新(如 Ctrl+F5)。原因在于:当用户断网、进程被强杀、或浏览器异常终止时,前端 JavaScript 的 beforeunload 或 unload 事件根本不会触发,后端更无从感知。因此,任何依赖客户端主动上报“我即将离开”的设计都存在固有缺陷,不应作为业务关键逻辑(如事务回滚、状态锁定释放)的唯一依据。

唯一可信赖的机制是服务端会话生命周期管理
Vaadin 6 基于 HTTP Session,默认超时时间(如 30 分钟)内无请求即自动失效。Spring 配置中可通过 web.xml 或 @Bean SessionRegistry 显式控制:



    30 

同时,建议在 UI 类中覆写 sessionExpired() 方法,实现会话清理逻辑:

public class MyUI extends UI {
    @Override
    protected void init(VaadinRequest request) {
        // 初始化逻辑
    }

    @Override
    public void refresh() {
        // ✅ 此方法仅在用户点击刷新按钮(F5/Ctrl+R)且启用了 preserveOnRefresh 时被调用
        // 注意:不适用于 Ctrl+F5 硬刷新、地址栏回车、或关闭标签页
        super.refresh();
        Notification.show("页面已刷新", Type.TRAY_NOTIFICATION);
        // 可在此处重置临时状态、清空缓存视图等
    }

    @Override
    public void sessionExpired() {
        // ✅ 安全可靠的“用户已离开”钩子:会话超时或显式销毁时触发
        // 推荐在此释放资源、更新用户在线状态、清理临时数据
        super.sessionExpired();
        getLogger().info("Session expired for user: " + getSession().getAttribute("username"));
    }
}

⚠️ 重要注意事项

Munch
Munch

AI营销分析工具,长视频中提取出最具吸引力的短片

下载
  • refresh() 仅对普通刷新(preserveOnRefresh 默认开启)有效;硬刷新(Ctrl+F5)、导航到新 URL、关闭标签页均不会触发该方法
  • Page.getCurrent().getJavaScript() 注入 beforeunload 脚本在 Firefox 中受限(尤其启用了增强跟踪保护时),且无法区分刷新与关闭,不推荐用于关键业务
  • 若需近似“在线状态”,应结合心跳机制(如定时 UI.push() 或轻量 AJAX 请求)+ 会话超时双重保障;
  • Vaadin 6 已停止维护,长期项目建议评估迁移至 Vaadin 24+(基于 Web Components + TypeScript,提供更健壮的客户端生命周期 API)。

总之,拥抱无状态设计:将关键状态持久化到数据库,依赖会话超时兜底,而非试图捕捉不可靠的前端退出事件。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
spring框架介绍
spring框架介绍

本专题整合了spring框架相关内容,想了解更多详细内容,请阅读专题下面的文章。

117

2025.08.06

Java Spring Security 与认证授权
Java Spring Security 与认证授权

本专题系统讲解 Java Spring Security 框架在认证与授权中的应用,涵盖用户身份验证、权限控制、JWT与OAuth2实现、跨站请求伪造(CSRF)防护、会话管理与安全漏洞防范。通过实际项目案例,帮助学习者掌握如何 使用 Spring Security 实现高安全性认证与授权机制,提升 Web 应用的安全性与用户数据保护。

69

2026.01.26

ajax教程
ajax教程

php中文网为大家带来ajax教程合集,Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。php中文网还为大家带来ajax的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

160

2023.06.14

ajax中文乱码解决方法
ajax中文乱码解决方法

ajax中文乱码解决方法有设置请求头部的字符编码、在服务器端设置响应头部的字符编码和使用encodeURIComponent对中文进行编码。本专题为大家提供ajax中文乱码相关的文章、下载、课程内容,供大家免费下载体验。

160

2023.08.31

ajax传递中文乱码怎么办
ajax传递中文乱码怎么办

ajax传递中文乱码的解决办法:1、设置统一的编码方式;2、服务器端编码;3、客户端解码;4、设置HTTP响应头;5、使用JSON格式。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

117

2023.11.15

ajax网站有哪些
ajax网站有哪些

使用ajax的网站有谷歌、维基百科、脸书、纽约时报、亚马逊、stackoverflow、twitter、hacker news、shopify和basecamp等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

237

2024.09.24

session失效的原因
session失效的原因

session失效的原因有会话超时、会话数量限制、会话完整性检查、服务器重启、浏览器或设备问题等等。详细介绍:1、会话超时:服务器为Session设置了一个默认的超时时间,当用户在一段时间内没有与服务器交互时,Session将自动失效;2、会话数量限制:服务器为每个用户的Session数量设置了一个限制,当用户创建的Session数量超过这个限制时,最新的会覆盖最早的等等。

317

2023.10.17

session失效解决方法
session失效解决方法

session失效通常是由于 session 的生存时间过期或者服务器关闭导致的。其解决办法:1、延长session的生存时间;2、使用持久化存储;3、使用cookie;4、异步更新session;5、使用会话管理中间件。

754

2023.10.18

c语言中/相关合集
c语言中/相关合集

本专题整合了c语言中/的用法、含义解释。阅读专题下面的文章了解更多详细内容。

0

2026.02.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.5万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号