windowshowModalDialog 如何使其在Egde下可以使用但是不希望显示地址栏
在Edge浏览器中,window.showModalDialog方法已被废弃,因此无法直接使用。取而代之的是使用window.open方法来模拟模态对话框。但是在Edge浏览器下,无法隐藏地址栏,因为Edge浏览器不允许通过编程的方式隐藏地址栏。
如果你希望在Edge浏览器下使用模态对话框并隐藏地址栏,你可以考虑以下替代方案:
- 使用CSS样式来隐藏地址栏:
- 在弹出的对话框页面中,添加以下CSS样式:
body { overflow: hidden; margin: 0; padding: 0; } - 这样可以隐藏地址栏,但是用户仍然可以通过手动调整窗口大小来显示地址栏。
- 使用自定义模态对话框库:
- 有一些第三方库可以用来创建自定义的模态对话框,例如Bootstrap Modal、jQuery UI Dialog等。
- 这些库通常提供了更多的定制选项,包括隐藏地址栏等。
需要注意的是,以上方法仅适用于Edge浏览器,其他现代浏览器可能不支持隐藏地址栏。另外,使用废弃的方法或者修改浏览器默认行为可能会导致兼容性问题,建议根据具体需求和浏览器支持情况选择合适的方案
原文地址: https://www.cveoy.top/t/topic/hPR8 著作权归作者所有。请勿转载和采集!