javascript - 如何检测浏览器是否支持对话框

Question

已发布 here是一个指示那些怀念旧的 window.showModalDialog JavaScript 函数的人使用

的答案

<dialog>

元素代替。我已经将它与 IE 和 FF 所需的 polyfill 一起使用并且它有效。但是，在使用 polyfill 时会引入明显的滞后，我想在 Chrome 中避免这种情况(更不用说在浏览器支持时有不要使用 polyfill 的警告)。如何检测对话框元素是否受支持，以便我可以省去 polyfill 处理？特别是这些行:

var dialog = document.getElementById('<element id>');
dialogPolyfill.registerDialog(dialog);

Answer 1

你可以像这样写一个简单的测试:

if (typeof HTMLDialogElement === 'function') {
  /** yep */
} else {
  /** nope */
}