← 返回 Web 词条WebDialog原生支持
对话框
在 Web 上叫Dialog
<dialog>.showModal()
它暂时盖在当前界面上，要求用户阅读信息、确认决定或完成一个短任务后再继续。
- 突然挡在中间要我确认的框
- 不处理就不能继续的弹窗
- 页面上盖着一层让我选确定取消
- 模态框
- 弹出对话框
- 确认弹窗
结构示意图
其他平台的相似实现
iOS原生支持
Alert异名iOS 没有桌面式任意尺寸通用模态框；短决策用 Alert，较长任务用 Sheet。
在 iOS 上，这和警告框是同一个控件 →iOS 不提供通用对话框，承载这个角色的就是 Alert，因此内容和按钮数量都受限。看 iOS 视角 →Android原生支持
Dialog同名看 Android 视角 →使用规范
什么时候用
- 决定重要且必须立即处理，或当前任务短到无需进入新页面
什么时候别用
- 只是报告成功、承载长表单，或频繁出现会打断主要流程