在Edge浏览器中,window.showModalDialog方法已被废弃,因此无法直接使用。取而代之的是使用window.open方法来模拟模态对话框。但是在Edge浏览器下,无法隐藏地址栏,因为Edge浏览器不允许通过编程的方式隐藏地址栏。

如果你希望在Edge浏览器下使用模态对话框并隐藏地址栏,你可以考虑以下替代方案:

  1. 使用CSS样式来隐藏地址栏:
  • 在弹出的对话框页面中,添加以下CSS样式:
    body {
      overflow: hidden;
      margin: 0;
      padding: 0;
    }
    
  • 这样可以隐藏地址栏,但是用户仍然可以通过手动调整窗口大小来显示地址栏。
  1. 使用自定义模态对话框库:
  • 有一些第三方库可以用来创建自定义的模态对话框,例如Bootstrap Modal、jQuery UI Dialog等。
  • 这些库通常提供了更多的定制选项,包括隐藏地址栏等。

需要注意的是,以上方法仅适用于Edge浏览器,其他现代浏览器可能不支持隐藏地址栏。另外,使用废弃的方法或者修改浏览器默认行为可能会导致兼容性问题,建议根据具体需求和浏览器支持情况选择合适的方案

windowshowModalDialog 如何使其在Egde下可以使用但是不希望显示地址栏

原文地址: https://www.cveoy.top/t/topic/hPR8 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录