使用JQuery调整浏览器的宽度

Question

我正在寻找一种通过按钮调整Chrome浏览器宽度的方法。优先使用JQuery。我的目标是向桌面用户展示该网站的移动版本。

我知道我可以通过调整BODY标签来实现这一点（这肯定更容易），但我很好奇。

我没有找到这个问题的可靠答案，如果已经被问到，我很抱歉。

欢迎其他想法。

感谢。 ：）

Answer 1

最近的浏览器（因为FF7）不支持window.resizeTo（x，y），除非它是你创建的没有任何其他标签的窗口。这是为了防止滥用网站代码。

查看此MDN Window.resizeTo() help上的说明：

  

自Firefox 7以来，根据以下规则，网站无法再根据浏览器更改窗口的默认大小：

     

您无法调整window.open未创建的窗口或标签的大小。

     

当窗口或标签位于包含多个标签的窗口中时，您无法调整其大小。

如您所述，您可以启动具有指定尺寸的新窗口以预览移动体验。或者，您可以创建具有指定大小的IFrame：

<iframe src="/mobile" width="200" height="200">

Answer 2

正如Pranspach所提到的，你不能调整实际的chrome窗口大小，但是如果你的站点响应调整大小，你可以将整个站点包装在一个包装div中并缩小而不是缩小它。