在 Microsoft Edge 中打开跨域窗口时忽略 window.open() 参数

Question

在 Microsoft Edge 中，当 url 与当前域不同时，以下 sn-p 将忽略传递给 window.open() 的选项。但是它在 Chrome 和 Firefox 中运行良好，并且当域是相同的来源时。

const popupWindow = window.open(
    url,
    title,
    'menu=no,toolbar=no,width=700,height=600,scrollbars=1,resizable=0,' +
        'directories=no,location=no,screenX=0,screenY=0,top=48,left=48',
);

我找到了一个让窗口正确调整大小的 hacky 解决方法，但这真的很烦人，你可以看到它重定向页面。

const popupWindow = window.open(
    "/#",
    title,
    'menu=no,toolbar=no,width=700,height=600,scrollbars=1,resizable=0,' +
        'directories=no,location=no,screenX=0,screenY=0,top=48,left=48',
);
popupWindow.location.href = url;

如何在 Microsoft Edge 上进行这项工作？为什么 Microsoft Edge 会忽略我的大小和其他参数？这是一个错误吗？

Answer 1

我尝试检查问题，它看起来像与安全设置相关的问题。

我建议您修改以下 Internet 选项 设置。

(1)启用跨域访问数据源选项。

Internet 选项 -> 安全（选项卡）-> 自定义级别 -> 其他 -> 跨域访问数据源 -> 设置为启用

(2)禁用保护模式。

Internet 选项-> 安全（选项卡）-> 取消选中启用保护模式 用于 Internet 和本地 Intranet

(3) 将两个域都添加到受信任的站点列表。

Internet 选项 -> 安全（选项卡）-> 受信任的站点 -> 站点 -> 将两个域添加到列表中。

(4) 取消勾选要求服务器验证(https:)：

Internet 选项 -> 安全（选项卡）-> 受信任的站点 -> 站点 -> 取消选中需要服务器验证(https:) -> 输入 localhost url & 点击添加按钮。

修改上述设置后，我测试了这段代码。

const popupWindow = window.open(
    "https://Bing.com",
    "Microsoft page",
    'menu=no,toolbar=no,width=700,height=600,scrollbars=1,resizable=0,' +
        'directories=no,location=no,screenX=0,screenY=0,top=48,left=48',
);

Microsoft Edge 44.18362.1.0 中的输出：

Answer 2

对我来说它工作正常，所以问题可能出在您使用的 Edge 版本上。您可以使用caniuse.com 来检查您是否可以使用东西。然而，既然你已经找到了这种 hacky 的使用方式，你可以把它变成这样的函数：

   function popup(url, title){
     const popupWindow = window.open(
       "/#",
       title,
       'menu=no,toolbar=no,width=700,height=600,scrollbars=1,resizable=0,' +
       'directories=no,location=no,screenX=0,screenY=0,top=48,left=48',
     );
     popupWindow.location.href = url;
   }

现在你可以使用弹出功能了。

顺便说一句，我可以看到你正在使用 ES6。确保您的 Edge 版本支持 const。