问题描述

具体场景是：

点开会有新页面，选择一些选项再传回来。
问题描述：Chrome等浏览器不兼容，只能在兼容模式下实现这个效果。
问题来源：在某历史遗留项目里使用了showModalDialog方法。这个方法不兼容，需要做处理。
根据文档：https://www.w3cschool.cn/fetch_api/fetch_api-9puc2z25.html

showModalDialog()方法
Window.showModalDialog()创建并且显示包含指定HTML文档的模式对话框。
注意：showModalDialog()方法已过时，虽然它可能仍然适用于某些浏览器，但不鼓励使用它，因为它可以随时删除，尽量避免使用它，此方法已在Chrome 43和Firefox 56中删除。

showModalDialog()目前正在标准化为HTML5的一部分。第三个参数（对于其他选项）在HTML5版本中不存在，并且被Safari和Chrome忽略。【但目前还是没有】

因此需要对这个进行兼容性处理。

参考资料

https://www.xuebuyuan.com/2066277.html
https://www.cnblogs.com/zymNoteBook/p/5891343.html
https://www.w3cschool.cn/fetch_api/fetch_api-9puc2z25.html

解决方案

showModalDialog的兼容性处理方案相关推荐

软件兼容性测试计划,app兼容性测试方案
App的兼容性问题可能会导致流失潜在的客户,为了尽量减少因兼容性问题导致的同类问题,进一步提高产品的质量,提升用户体验,所以进行兼容性测试,尽可能多的保证更多的用户都可以正常使用app.经过短期和持续 ...
APP兼容性测试方案以及最新机型表
兼容性测试方案相关内容如下: 1. 背景 App的兼容性问题可能会导致流失潜在的客户,为了尽量减少因兼容性问题导致的同类问题,进一步提高产品的质量,提升用户体验,所以进行兼容性测试,尽可能多的保证更 ...
Windows 8 的程序兼容性助手方案详述
平台客户端 - Windows XP |Windows Vista | Windows 7 | Windows 8 描述程序兼容性助手(PCA)是Windows 8中的一项功能,可帮助最终用户运行 ...
Android MediaCodec硬编兼容性测试方案
作者:阿宝更新:2016-08-15 来源:彩色世界(https://blog.hz601.org/2016/08/15/android-mediacodec-hardcode-compatibil ...
浏览器兼容性测试怎么做？系统测试工具及方案推荐
浏览器兼容性测试怎么做?软件企业在开发软件产品的时候,不同的产品版本在不同浏览器版本上的适配性肯定有差异,难免要考虑到产品在不同设备上打开时的流畅度等因素. 而且市面上有这么多浏览器,比如IE.Fir ...
技术实践 | Android 设备音视频兼容性适配
导读:WebRTC 是一个非常优秀的项目, 可以支持 Web.iOS.Android.Mac.Windows.Linux 在内的所有平台的 API,保证了 API 在所有平台的一致性.然而 WebRT ...
oracle异构迁移mysql方案实施（含原理）——已迁移成功
从迁移方案的落地.迁移前准备.N次迁移演练.回归测试.性能调优整整用了四个月左右的时间(当然在此期间还包括其他项目及日常操作耗费工时).正式迁移到迁移成功.以及上线开服后性能稳定这些操作已经过去了一个 ...
Android软键盘高度控制的几种方案
一.获取软键盘高度之方式一要说获取软键盘的高度,那么肯定离不开 getViewTreeObserver().addOnGlobalLayoutListener 的方式. 只是使用起来又分不同的做法, ...
html实现图片四宫格,CSS-实现全等四宫格的方案【Collection】
全等四宫格.png 如上图,需求如下: 一个未知宽高的容器,要被均分为四个相同大小格子(即四个容器),且格子间有10px间距(即十字型空隙),有哪些方法可以解决呢? 分析问题一般实现布局,用的多的是 ...

showModalDialog的兼容性处理方案

问题描述

参考资料

解决方案

showModalDialog的兼容性处理方案相关推荐

最新文章

热门文章