Question

我使用以下代码弹出一个窗口 - 它需要是一个确切的大小 - 并且它在除Safari之外的每个浏览器中。

您可以使用以下2页直接测试。第一个创建一个页面，其中包含单击以弹出窗口的链接。第二个是打开的页面，其中包含页面大小的警报。

在Safari Mac中，它显示尺寸：800 x 578 - 在每个其他浏览器中显示800 x 640（它应该是）。

带链接的页面：

<html>
<body>
<a href="size.html" onclick="javascript:void window.open('size.html','1401806967791','width=800,height=640,toolbar=0,menubar=0,location=0,status=0,scrollbars=0,resizable=0,left=0,top=0');return false;">PacFace</a>

<br />
<a href="#size.html" onClick="window.open('size.html','pagename','resizable,height=640,width=800'); return false;">New Page</a>

</body>
</html>

..和size.html：

<html>
<script>
var w = window.innerWidth;
var h = window.innerHeight;

alert(w + ' × ' + h);

</script>
</html>

存在两个链接 - 在两种情况下它都会打开一个新窗口 - 在错误的高度（宽度很好） - 仅在safari上。

如何让它在所有浏览器中以相同的大小弹出一个新窗口？

我对此进行了很多研究，奇怪的是没有找到关于这个特定主题的任何内容。

Answer 1

好的，这里可能会有一些语法错误，但就像我在评论中说的那样，我无法测试它。试试这个：

function setWindowHeight(){
            var windowHeight = window.innerHeight;
            var outerHeight = window.outerHeight;
            var newHeight;
            if (windowHeight < 640) {
                newHeight = outerHeight + (outerHeight - windowHeight);
                document.getElementById('YourIdHere').style.height = newHeight + "px";
            }
        }

由于IOS具有不同大小的边框，您需要对它们进行补偿，可能有更好的方法来完成它，但这应该可以完成工作。

弹出窗口 - Safari中与其他浏览器不同的大小

1 个答案: