番茄钟

能做到：剩余时间每次都用“结束时刻 − 此刻的时间戳”算出来，不是一秒一秒往下减。所以切到别的标签页、手机息屏再回来，打开页面的那一刻就按真实时间校正，不会慢也不会停。正在走的计时会存在本机，刷新页面或被系统回收后能接着走。标题栏也会显示剩余时间，切到别的标签页时能瞄一眼。

做不到（浏览器的限制，不是这个页面的问题）：

• iPhone / iPad：锁屏或切到别的 App 后，系统会把网页暂停，页面里的定时器不再触发，Web Audio 提示音也会被静音（WebKit 的公开问题记录里，网页的 Web Audio 在后台一直不被允许播放）。所以到点时不会响，也不会弹通知；等你回到页面，会立刻显示“已超时多久”。iPhone 的静音拨片打开时，网页声音也常常不响。
• iPhone 上的系统通知：Safari 网页里没有这个功能；只有“添加到主屏幕”的网页应用才能收推送，而推送需要服务器发送，本工具是纯本地页面，没有服务器，所以做不到。
• 想在 iPhone 上准时响：保持本页在前台、开启“保持屏幕常亮”（iOS 16.4 起 Safari 支持屏幕常亮）、关掉静音拨片并调大音量；或者直接用系统自带的“时钟 → 计时器”，它锁屏也能响。
• 电脑浏览器：标签页在后台时，页面自己的定时器会被限速（Chrome 在后台一段时间后可能每分钟才醒一次）。这里用 Web Worker 做“心跳”，并且在开始计时时就把提示音提前排进音频时钟里，通常能准时响，但不同浏览器的省电策略不一样，不能保证 100%。
• 系统通知：电脑上的 Chrome、Edge、Firefox、Safari 需要你点“开启系统通知”并同意才会弹；Android 的 Chrome 不允许网页直接发通知（要 Service Worker），所以只有提示音和震动。
• 屏幕常亮：电量很低或开着省电模式时，浏览器可能拒绝；页面被切到后台时系统会自动解除，回来后本页会自动重新申请。

依据：WebKit Bugzilla 198277（后台 Web Audio）、WebKit 博客《Web Push for Web Apps on iOS and iPadOS》（通知只对主屏幕 Web App 开放）、MDN《Screen Wake Lock API》。浏览器版本更新后行为可能变化，仅供参考。