模态窗口 showModalDialog 浏览器兼容解决方案

无意中遇到一个老项目，遇到showModalDialog在谷歌火狐浏览器失效的问题，查了一下官方文档，发现已经废弃。

	电脑端						移动端
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari
基本支持 （弃用）	不支持	不支持	不支持	支持：4	不支持	支持	不支持	不支持	不支持	不支持	不支持	不支持

马上发现了教程，很顺利的解决了。记录下来大家参考。方法如下：

/**
 * showModalDialog兼容处理
 * 该特性已从Web标准中删除
 * @author 范围兄 <ambit_tsai@qq.com>
 */
if(!window.showModalDialog){
    window.showModalDialog = function(uri, args, opts){
        opts = opts.replace(/:/g, '=')
            .replace(/;/g, ',')
            .replace('dialogWidth', 'width')
            .replace('dialogHeight', 'height')
            .replace('dialogtop', 'top')
            .replace('dialogleft', 'left')
            .replace('scroll', 'scrollbars');
        window.open(uri, '', opts).dialogArguments = args;
    };
}

赞一个！

本文系转载内容，如有问题请联系原创[机智]

原文链接：https://blog.csdn.net/ambit_tsai/article/details/80633290