flutter - 如何检测flutter网站是否在浏览器后台运行？

Question

WidgetsBindingObserver 不适用于我的 flutter web 项目。是否有类似的东西可以检测用户何时关闭浏览器，例如使用小部件绑定(bind)关闭 native 设备应用程序？
我想在每次重建浏览器后重建整个网站，无论该网站之前是否保持打开状态。

Answer 1

连接到浏览器的可见性更改 API。

import 'dart:html';

  // inside your State class

  @override
  void initState() {
    super.initState();
    document.addEventListener("visibilitychange", onVisibilityChange);
  }

  @override
  void dispose() {
    document.removeEventListener("visibilitychange", onVisibilityChange);
    super.dispose();
  }
  
  void onVisibilityChange(Event e) {
    // do something
  }

进一步阅读:https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event