2026 远程 Mac 前端发布验收：
Popover API 与 Safari 行为差异对照表及渐进增强三步清单
Popover 与 invoker（popovertarget）可减少手写叠层，但仅测 Chromium 易漏 WebKit 在轻点关闭、焦点与窄屏上的细节。翻车点：invoker 半套仍靠监听兜底、移动顶栏抢首点、polyfill 硬顶 top layer 与 dialog 或全屏层混战。本文给能力检测、Safari 与 Chromium 差异表、渐进增强三步与 polyfill 策略边界、FAQ。内链 ESM 验收、CSP、构建验证；资费、购买、博客列表。
01 Popover/invoker 能力检测
命令式与声明式 invoker各记一个布尔，勿混为一谈。测 typeof HTMLElement.prototype.showPopover === 'function'，再测 popoverTargetElement 或 popovertarget 是否可用；半套时保留 aria-controls 与显式 click，避免键盘用户 stranded。发布表三列：命令式、声明式、降级是否激活，一行挡住「Chrome 绿、Safari 懵」。
02 Safari 与 Chromium 差异表
下表作评审锚点；具体小版本以目标 WebKit 构建在租用 Mac 上实测为准，勿只信 Chromium 结论。
| 主题 | Safari / WebKit | Chromium（Blink） |
|---|---|---|
| 顶层叠放 | Popover 进 top layer；与 dialog、全屏遮罩同屏须真机点一遍。 |
大体一致；DevTools 更易看出 z-index 与层叠上下文冲突。 |
| 轻点关闭 | 窄视口下固定头易抢首点；建议 iOS 与桌面宽各测。 | 语义接近；仅桌面测会漏触摸路径。 |
| 焦点与无障碍 | Tab 序与 VoiceOver 宜手测，可看 Web Inspector 无障碍时间线。 | 预期相近；Playwright 仍跑同一套键盘脚本。 |
| Invoker 绑定 | 声明式与命令式不同步时工单写明手动绑按钮。 | 实验面常更前；特性开关须与 Safari 现状对齐。 |
| 排障信号 | 控制台加远程 Mac 录屏贴近用户网络。 | Trace 与 Performance overlay 更全，便于外部点击误触。 |
先查 CSS containment、带 transform 的祖先、可滚动面板，而非仅怀疑 API 缺失。
03 渐进增强步骤与 polyfill 策略边界
第一步基线可关：无 API 时用按钮加绝对定位或 details，营销页勿绑单条新 API。第二步远程 Mac 同构建号、同预发 URL、清缓存后跑开闭、轻点关闭、Esc、Tab 环、与高 z-index 壳层重叠共五项。第三步polyfill 只补可预测开关与点击外部，禁止在用户态重写浏览器顶层排序；栈冲突则简化 UI、关特性或提示升级浏览器。
自动化：npx playwright test --project=webkit --project=chromium；若壳层走 SW，对照 服务工作者 Safari 清单。
工单可贴：invoker 与 showPopover 分勾；每引擎冷启动与隐私窗口各一轮；polyfill 止于开闭与轻点、勿加深 shim。
04 FAQ
为何 invoker 要与 showPopover 分开验收？
发版节奏不同：可能先有命令式而声明式仍波动，矩阵分栏才能写清降级与手工绑定期。
Safari 与 Chromium 顶层总不一致吗？
Popover 本体多一致；产品里叠 dialog、粘性头与内嵌播放器时须在 Apple 硬件上配对验证，勿只信 Chromium。
polyfill 写到什么程度该停？
镜像可预测开闭与轻点即可；一旦复刻内部层叠，引擎微调易打碎用户态栈，应缩范围或改设计。
命令式与声明式同事务；远程 Mac 绑 WebKit 与 Blink 再灰度。
更多文章：博客列表。