HTML5 Chrome支持的弹出对话框？

Question

我想知道是否有使用HTML5或其他方式为Chrome扩展程序创建对话框？基本上我喜欢有一个看起来比创建一个新窗口更优雅的对话框。有没有可用的东西我试图创建一个弹出效果。

Answer 1

挑战/问题：

1）Chrome不支持Windows弹出窗口

原因：

Google Chrome不再支持window.showModalDialog，打破了OWA，EAC，SAP等多家企业应用。

为什么：

1）由于相关的代码复杂性，Google决定弃用Chrome 35中的window.showModalDialog  2）Google认为showModalDialog是一个“糟糕的API”，根据他们的测量结果，并未广泛使用

立即解决方案：

直接的解决方案是切换到IE或Firefox。对于那些愿意留在Chrome上的人来说，暂时解决这个问题的方法之一  是在企业策略设置中启用此已弃用的功能，该功能只能在2015年4月30日之前完成  （http://www.bugdebugzone.com/2014/08/sitecore-modal-pop-ups-are-not-working.html）

另一种方法：

另一个部分解决方案是使用ShowModalDialog polyfill，如本文所述，但部分功能  仍未恢复。

接近我们的团队改编：  使用Window.Open方法并调整javascript代码以调整此方法以刷新父窗口并传递值。

Answer 2

我认为最好的方法是注入一个＆lt; div＆gt;进入页面并使用CSS定位/样式。 It is possible to include other JavaScript libraries with your plugin，您可以考虑使用jQuery UI's Dialog。