javascript - 使用 JQuery 调整浏览器的宽度

Question

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

我知道我可以通过调整 BODY 标签的大小来做到这一点(这绝对更容易)，但我很好奇。

我还没有找到这个问题的可靠答案，如果已经有人问过，我深表歉意。

随时欢迎其他想法。

谢谢。 :)

Answer 1

最近的浏览器(自 FF7 起)将不支持 window.resizeTo(x,y) 除非它是您创建的没有任何其他选项卡的窗口。这是为了防止滥用网站代码。

查看关于此 MDN Window.resizeTo() help 的注释:

Since Firefox 7, it's no longer possible for a web site to change the default size of a window in a browser, according to the following rules:

You can't resize a window or tab that wasn’t created by window.open.

You can't resize a window or tab when it’s in a window with more than one tab.

正如您提到的，您可以启动一个具有指定大小的新窗口来预览移动体验。或者，您可以创建具有指定大小的 IFrame:

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