javascript (window.open) 在所有浏览器中打开最大化，但不是在 chrome 中答案

【问题标题】：javascript (window.open) opens maximized in all browsers but not in chromejavascript (window.open) 在所有浏览器中打开最大化，但不是在 chrome 中
【发布时间】：2020-09-18 02:16:58
【问题描述】：

我正在使用以下代码打开一个最大化的弹出窗口，我不想全屏打开它（F11），我需要它只是最大化，就像按下最小化和关闭之间的按钮一样。

<a  onclick="javascript:w= window.open('https://www.facebook.com/mywifemylove','_blank','channelmode =1,scrollbars=1,status=0,titlebar=0,toolbar=0,resizable=1');" href="javascript:void(0);" target="_blank">Maximized on Chrome</a>

它适用于所有浏览器，但不适用于 Chrome，这是一个 jsfiddle 用于测试

【问题讨论】：

那是 IE 的，不是吗？
我需要最大化，有什么办法吗？我的代码适用于所有浏览器，为什么不是 chrome？
你的代码对我不起作用 FF...
我不想全屏，只是最大化。
我使用的是FF V31，jsfiddle中的例子运行良好。

标签： javascript jquery html google-chrome popup

【解决方案1】：

除 IE 外，其他浏览器不支持 JS 全屏。这是故意的：

https://developer.mozilla.org/en-US/docs/Web/API/window.open#FAQ

“所有浏览器厂商都在尝试使新二次元的开放用户注意到并引起用户注意的窗口以避免混淆，以避免迷惑用户。”

您可以手动将窗口的大小设置为屏幕大小，但您可能需要处理框架边框厚度等问题。

相关的 SO 问题： How to open maximized window with Javascript?

在最新版本的 IE、FF 或 Chrome 上最大尺寸窗口的工作代码：

window.open('http://www.stackoverflow.com','_blank','height='+screen.height+', width='+screen.width);

【讨论】：

【解决方案2】：

您可以使用以下代码打开窗口选项卡：-

window.open(src, "newWin", "width="+screen.availWidth+",height="+screen.availHeight)

【讨论】：

【解决方案3】：

function openMax() { 
var wihe = 'width='+screen.availWidth+',height='+screen.availHeight; 
window.open("ht*p://www.example.com/", 
"foo", 
"screenX=1,screenY=1,left=1,top=1," + wihe); 
}

【讨论】：

很好，全屏了，图标还没最大化，窗口会在开始栏后面，有什么办法可以最大化？
哦，而且不兼容IE、Firefox！

【解决方案4】：

我认为下面的代码对你有帮助。

<a  id="popupLink" href="#"> link name</a> 
       jquery.click(function(e){
       e.preventDefault();
       var newTab =window.open('','_blank','channelmode=1,scrollbars=1,status=0,titlebar=0,toolbar=0,resizable=1');
        newTab.location = "https://www.facebook.com/mywifemylove";
        newTab.focus();
});

【讨论】：

这个响应没有意义。这甚至不是一个有效的例子。

【解决方案5】：

不幸的是，我认为您实际上不能在 chrome 中使用它。我也试过了，但无法让它在 chrome 中工作。

我知道让它更快地最大化真的很有帮助，这样用户就不必点击按钮，但这就是 chrome 的工作原理。

这里有一个jsfiddle 示例，它将尽可能接近最大化。尝试做出替代选择总是好的。这是 onclick 属性的代码。您也可以将之前的所有代码插入到该参数中，只是将其删除以显示我对其所做的更改。

javascript:w= window.open('https://www.facebook.com/mywifemylove','_blank',`height=${screen.height},width=${screen.width}`);

这里还有一个w3School 参数文档，以防万一您想查看它，看看哪些支持，哪些不支持。

【讨论】：