首次加载需立即读取 navigator.online 并绑定 online/offline 监听器，因其仅在状态变化时触发；navigator.online 仅反映系统接口状态，不可用于业务判断，提交前须用 fetch 主动探测且设超时。

直接用 window.addEventListener('online') 和 offline 会漏掉首次状态

这两个事件只在状态**变化时**触发，页面刚加载完时不会自动来一次。如果用户打开页面时已断网，navigator.onLine 可能返回 true（比如 Chrome 启动未联网但系统报告“有网”），而 offline 事件根本不会触发——你永远收不到通知。

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

必须在 DOMContentLoaded 或 <script></script> 放在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！