如何在Firefox中检测页面刷新、标签页及浏览器关闭（Vaadin 6、Java 8、Spring环境）

针对Java 8 + Spring + Vaadin 6的技术栈，结合Firefox的浏览器特性，以下是可行的检测方案：

一、客户端JS注入（适配Vaadin 6环境） #

普通JS方案失效的核心原因是Vaadin 6对页面JS环境有封装，直接绑定的事件会被框架内部逻辑干扰，需要结合Vaadin的JS API做适配：

1. 注入自定义JS文件
   在Vaadin应用的Application.init()方法中，将自定义JS文件绑定到主窗口：

@Override
public void init() {
    Window mainWindow = new Window("Your App Title");
    setMainWindow(mainWindow);
    // 注入自定义处理脚本
    mainWindow.addJavaScript("close-handler.js");
}

2. 编写适配Vaadin的JS逻辑
   在close-handler.js中，区分Vaadin内部AJAX请求与用户主动的页面操作，避免误触发：

// 标记是否为Vaadin内部请求
let isVaadinInternal = false;

// 监听Vaadin请求开始，标记为内部操作
vaadin.connectorBus.addRequestStartingListener(() => {
    isVaadinInternal = true;
});

// 请求结束后重置标记
vaadin.connectorBus.addRequestEndedListener(() => {
    isVaadinInternal = false;
});

// 绑定beforeunload事件（适配Firefox）
window.addEventListener('beforeunload', (e) => {
    // 跳过Vaadin内部请求导致的事件
    if (isVaadinInternal) return;
    
    // Firefox要求必须设置returnValue才能触发提示
    const tip = '确认要离开当前页面吗？';
    e.returnValue = tip;
    return tip;
});

注意：Firefox最新版本会强制使用浏览器默认提示文本，自定义内容可能不会显示，这是浏览器安全限制。

二、服务器端补充检测 #

客户端JS可能被绕过（比如用户禁用JS），可以通过服务器端机制补充：

1. 页面刷新检测 #

Vaadin 6页面刷新会导致整个Application实例重新初始化，可通过HttpSession数据判断：

@Override
public void init() {
    WebApplicationContext webCtx = (WebApplicationContext) getContext();
    HttpSession session = webCtx.getHttpSession();
    
    if (session.getAttribute("APP_INIT_MARKER") != null) {
        // 存在标记说明是页面刷新，执行刷新后的处理逻辑
        System.out.println("页面已刷新");
    }
    // 初始化标记，用于下次检测
    session.setAttribute("APP_INIT_MARKER", "INITIALIZED");
}

2. 会话销毁监听（标签页/浏览器关闭补充） #

通过Spring的HttpSessionListener监听会话销毁，可间接判断用户是否关闭页面（注意：会话超时也会触发）：

@WebListener
public class SessionCleanupListener implements HttpSessionListener {
    @Override
    public void sessionDestroyed(HttpSessionEvent se) {
        // 处理会话销毁逻辑，比如清理用户临时资源
        System.out.println("会话已销毁，可能是页面关闭或超时");
    }
}

关键注意事项 #

• 不要在beforeunload事件中执行异步操作，浏览器会直接终止这类任务；
• Vaadin 6的JS API（如vaadin.connectorBus）是框架内置的，确保版本兼容；
• Firefox对beforeunload的触发条件有严格限制，必须有用户交互（比如点击链接、手动刷新）才会生效，页面加载时自动触发的事件会被拦截。

内容的提问来源于stack exchange，提问作者Dar Gbu