谷歌浏览器Chrome不再支持showModalDialog的解决办法
问题重现
弹出窗口编码：
|
0
1
2
3
4
5
6
7
|
;
{
.
{
.
}
|
浏览器异常：
|
0
1
|
function
|
如果出现这个异常，很不幸你已经躺枪了。关于这个问题可以看这里：
http://windowsitpro.com/blog/google-kills-showmodaldialog-api-chrome-37-and-does-evil-exchange-owa
http://www.infoq.com/news/2014/09/chrome-showmodaldialog
其中有些临时解决办法，但貌似showModalDialog不会回来了。
问题解决
常见的弹出窗口有div模拟或者用window.open代替，对于一个已经在用的系统来说，采用div方式转换成本较高，采用window.open改动会更少一些，但也会丢失其模态性。
这里采用简单的window.open方案，毕竟替换成本低很多。针对上文中提到的showModalDialog使用方式，替换为：
|
0
1
2
3
4
5
|
;
;
;
;
;
|
采用这种方式就可以打开一个和之前使用showModalDialog差不多的窗口。但是怎么返回值呢？
在弹出页面中有两种方式：
1、直接设置父窗口的DOM对象的值。
|
0
1
|
;
|
父窗口中应该有一个id为parentWindowControllId的DOM元素。
2、调用父窗口中的Javascript函数，由父窗口进行相应的处理。
|
0
1
2
3
4
5
|
{
,
;
;
|
父窗口提供一个DoAfterXXX的函数就可以了。
长远来看window.showModalDialog由于其用户体验问题必将走向没落，大家还是尽快转移为好。