对话框元素上的showModal（）不适用于Safari，但适用于Chrome

Question

我有一些问题在Safari上呈现模态。目前适用于Chrome：

var screenShotDialog = document.createElement("DIALOG");
document.getElementsByTagName("BODY")[0].appendChild(screenShotDialog);
screenShotDialog.showModal();

但是，当我尝试在Safari上运行相同的服务器时，此showModal（）方法会将此对话框附加到我的页面底部，而在Chrome中，它会将其显示为＆＃34; popup＆＃34;。检查控制台日志，我正在

  

screenShotDialog.showModal不是一个函数。 （在   ＆＃39; screenShotDialog.showModal（）＆＃39;，＆＃39; screenShotDialog.showModal＆＃39;是   未定义）

我没有在chrome中看到这个错误，在这里查看对话框文档http://www.w3schools.com/jsref/met_dialog_showmodal.asp我看到这应该支持Safari（我有Safari Version 9.0.3）。任何人都可以帮助这是非常令人沮丧的。