HTML5新标签在Firefox不兼容，如何使用polyfill方案解决？

本文共计842个文字，预计阅读时间需要4分钟。

Firefox 98版本及以下原生支持dialog，而旧版（如78-91 ESR）会直接忽略该标签、不渲染、不发展showModal()方法，且控制台无报错——这是最危险的情况：

不用 polyfill 库也能解决，关键是把降级逻辑写进 JS 判断里：

• 先用 'showModal' in HTMLDialogElement.prototype 检测原生支持
• 不支持时，手动设置 display: block、position: fixed、z-index 和焦点管理（focus() + trapTab）
• 别依赖 close 事件自动清理：降级时要显式移除 overlay 元素或重置 open 属性

用 dialog 时 Firefox 的 returnValue 行为差异

Firefox 原生 dialog 支持 returnValue，但仅限于通过 close('confirm') 显式传参；而 Chrome/Safari 允许点击 dialog 外部或按 Esc 触发的关闭也携带默认值。这会导致你在监听 close 事件时，在 Firefox 里拿到空字符串，其他浏览器可能是 '' 或 undefined。