Safari：如何为iPhone尺寸（或其他解决方案）确定浏览器的尺寸？

Question

我正在编写一个iPhone的Web应用程序，我想知道如何最好地使用Safari来开发iPhone，主要问题是，我已经看到，Safari显然不能调整到狭窄的320像素的宽度。我怎样才能做到这一点？

任何其他提示和技巧？

Answer 1

如果您正在寻找一个测试环境，​​似乎是一个不错的选择。

Answer 2

绝对最好的方法是使用真实设备 - iPhone或iPod touch - 以便您对设备响应方式有一个正确的感觉。例如，如果您正在制作大量动画，则在发布前一天，您意识到整个页面在真实设备上的可怕程度都会大大降低，因此在台式计算机上进行测试可能会让您感到不安。

除此之外，您应该使用xCode iOS SDK附带的iOS模拟器。

Answer 3

我遇到了同样的问题，并通过使用320x480大小的iframe快速简单地解决了这个问题。此外，我添加了选项来改变尺寸（iPhone的肖像，风景，iPad，状态栏或没有，...）和presto！一个iPhone“模拟器”！

编辑：这也允许使用Web开发工具，它们在Safari或Chrome中非常有用（我更喜欢使用后者，但都是Webkit驱动的）。

Answer 4

您可以使用浏览器扩展或插件。对于Safari，例如有ResponsiveResize。你可以把它装上here。它允许您使用预定义的浏览器大小，或使用任何您想要的自定义大小。