在Mac OSX上将最小宽度设置为320px

Question

是否可以将OSX窗口的最小宽度设置为320px？

Safari中的默认最小宽度大于此值，这使得难以使用媒体查询进行编程并在OSX上进行复制。请参阅我的截图，这将使事情变得更加清晰。

顺便提一下，如果你要发布技术答案（我假设有人会），请记住我没有后端代码的经验，我知道最多的是CSS / PHP / JS。 我不介意弄脏手，但说明需要详细说明： - ）

Answer 1

取自This Link - 在OS X上的chrome和safari中为我工作

var location = 'http://www.my-app-address.com'
javascript:open(location,'iPhone:portrait','innerWidth='+(320+15)+',innerHeight='+(480+15)+',scrollbars=yes');

和横向：

javascript:open(location,'iPhone:landscape','innerWidth='+(480+15)+',innerHeight='+(320+15)+',scrollbars=yes');

Answer 2

在Safari中，您可以安装名为“Resizer”的扩展程序，您可以选择添加自定义尺寸。

有趣的是，一旦你使用Resizer来改变窗口大小，它就可以手动调整到你想要的任何大小。这几乎就像使用Resizer解锁窗口一样。

Answer 3

我创建了一个chrome扩展程序OSX Resizer，它会弹出当前窗口的320px。

基本上与Rubinsh的解决方案相同，但无代码。

鼓声提及的Resizer扩展名不会为我提供此行为。

Answer 4

现在可以通过Chrome开发工具进行模拟。

打开Inspector，单击右下角的齿轮，然后转到“覆盖”选项卡。

您甚至可以欺骗您的用户代理：）

Answer 5

如果您的目标是查看网站在iPhone上的外观，您可以随时从Mac App Store免费download Xcode，其中包括iOS模拟器。

或者，如果您有iPhone（我假设您正在为其开发网站），iOS 6包含remote debugging功能，可让您使用Mac上的Web Inspector检查和编辑网站上载了你的网站。