我想调整浏览器弹出窗口的宽度和高度。我可以设置弹出窗口大小,但是当页面重定向到另一个页面时,我想将适合的窗口大小转换为内容大小。
我试过这个:
$(window).width(1000); // Not working.
我怎样才能做到这一点?
更新
每个人都告诉我不要这样做。为了找出这是不好做法的确切原因,我在ux.stackexchange.com上询问。
我想调整浏览器弹出窗口的宽度和高度。我可以设置弹出窗口大小,但是当页面重定向到另一个页面时,我想将适合的窗口大小转换为内容大小。
我试过这个:
$(window).width(1000); // Not working.
我怎样才能做到这一点?
更新
每个人都告诉我不要这样做。为了找出这是不好做法的确切原因,我在ux.stackexchange.com上询问。
我找到了这个问题的一些答案。这个问题是重复的。但我会再次回答,因为我会整合它们并添加更多信息。
要调整窗口大小,您只需执行以下操作:
window.resizeTo(width, height);
但是这种方法在 Chrome 和 Opera 中不起作用。如何将 IE 浏览器窗口的大小调整为 1024 x 768
来自javascript "resizeTo" 函数在 Chrome 和 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方法是否在每种情况下都是邪恶的,但我确信在使用这种方法时应该小心。
<script type="text/javascript">
function changeScreenSize() {
window.resizeTo(screen.width-300,screen.height-500)
}
</script>
<body onload="changeScreenSize()">
利用
window.resizeBy(relativeW, relativeH);
虽然您可能在技术上能够做到这一点,但您确实不应该这样做。强制浏览器窗口的大小从根本上改变了用户的浏览体验,而这不是您的职责所在。非常糟糕的做法和糟糕的用户体验。
编辑:仍然对此发表评论很有趣,但要明确这个答案是 6 岁,这是 Web 开发时间的一个年龄。与其在上下文中编辑或删除它,不如说调查当前的Web 开发用户体验实践是明智的。