Question

我想调整浏览器弹出窗口的宽度和高度。我可以设置弹出窗口大小，但我想在将页面重定向到另一个页面时将窗口大小转换为适合内容大小。

我试过了：

$(window).width(1000);  // Not working.

我该怎么做？

更新

每个人都告诉我不要这样做。为了找出这是不好的做法的确切原因，我问ux.stackexchange.com。

Answer 1

我找到了这个问题的一些答案。这个问题是重复的。但我会再次回答，因为我会整合它们并添加更多信息。

要调整窗口大小，您只需执行以下操作：

window.resizeTo(width, height);

但是这种方法在Chrome和Opera中无效。 How do you resize an IE browser window to 1024 x 768

来自The javascript "resizeTo" function not working in Chrome and Opera的原因是：

默认情况下，在几个浏览器中禁用resizeTo方法，我   知道它也可以在Firefox中手动禁用。

它被广泛滥用，因此大多数浏览器供应商都认为它   应该被禁用，或者至少是用户可控制的选项。

但即使在Chrome或Opera中，该方法也可用于弹出窗口。我想原因是浏览器供应商认为弹出窗口中可能需要resizeTo方法，我想是的。

为了讨论这个问题，我在ux.stackexchange.com上发了一个关于这个问题的帖子。 https://ux.stackexchange.com/questions/9903/why-is-resizing-the-browser-window-bad-practice/9962#9962

我不确定resizeTo方法在每种情况下是否都是邪恶的，但我确信在使用这种方法时应该小心。

Answer 2

使用

window.resizeBy(relativeW, relativeH);

Answer 3

<script type="text/javascript">
    function changeScreenSize() {        
        window.resizeTo(screen.width-300,screen.height-500)   
    }
</script>

<body onload="changeScreenSize()">

Answer 4

虽然你可能在技术上能够做到这一点，但你真的不应该这样做。强制浏览器窗口的大小从根本上改变了不适合您的用户的浏览体验。非常糟糕的做法和糟糕的用户体验。

编辑： 有兴趣仍然对此发表评论，但要明确这个答案是6岁，这是网络开发时间的一个时代。我不是在上下文中对其进行编辑或删除它，而是说研究当前 Web开发用户体验实践是明智的。

我可以调整浏览器窗口的大小吗？

4 个答案: