ShowModalDialog Polyfill：重现经典的模态对话框

ShowModalDialog Polyfill：重现经典的模态对话框

showModalDialogwindow.showModalDialog polyfill using a

element

项目地址:https://gitcode.com/gh_mirrors/sh/showModalDialog

项目介绍

ShowModalDialog Polyfill 是一个用于模拟 window.showModalDialog() 功能的垫片（shim），它利用 HTML5 的 <dialog> 元素和 ECMAScript 2015 的生成器（Generators）或 ECMAScript 2017 的 Async/Await 实现。这个项目已经在最新的 Google Chrome 和 Mozilla Firefox（需在 about:config 中将 dom.dialog_element.enabled 设置为 true）中进行了测试。

只需在代码中引入以下脚本，即可使用 showModalDialog 函数：

<script src="https://unpkg.com/showmodaldialog"></script>

项目技术分析

ShowModalDialog Polyfill 利用了现代 JavaScript 的 Promises、Generators、yield、async、await 以及 Jake Archibald 的 spawn 函数。如果这些现代特性不可用，该项目会使用 eval 和 JSON 作为后备方案，确保在特定条件下仍能正常运行。

项目及技术应用场景

ShowModalDialog Polyfill 适用于以下场景：

• 兼容性需求：在现代浏览器中模拟已被弃用的 window.showModalDialog 功能。
• 遗留代码迁移：帮助开发者逐步迁移和重构依赖 showModalDialog 的旧代码。
• 模态对话框需求：需要使用模态对话框来展示内容，并希望保持代码的简洁和可读性。

项目特点

• 兼容性：支持在最新的 Google Chrome 和 Mozilla Firefox 中运行。
• 现代技术栈：利用 HTML5 <dialog> 元素和 ECMAScript 2015/2017 的最新特性。
• 灵活性：提供多种调用方式，包括生成器、async/await 和传统的回调函数。
• 后备方案：在现代特性不可用时，提供基于 eval 和 JSON 的备用方案。
• 简单易用：只需引入一个脚本，即可在项目中使用 showModalDialog 功能。

结论

ShowModalDialog Polyfill 是一个强大且灵活的工具，它不仅帮助开发者解决了浏览器兼容性问题，还提供了现代化的解决方案来处理模态对话框的需求。无论你是需要迁移旧代码，还是希望在项目中使用现代的模态对话框功能，ShowModalDialog Polyfill 都是一个值得考虑的选择。

点击这里查看演示，体验其在 Google Chrome 中的最佳表现。

---

许可证：ShowModalDialog Polyfill 由 Jerzy Głowacki 开发，基于 Apache 2.0 许可证发布。

showModalDialogwindow.showModalDialog polyfill using a

element

项目地址:https://gitcode.com/gh_mirrors/sh/showModalDialog