Safari：如何根据iPhone大小（或其他解决方案）调整浏览器的大小？

Question

我正在为iPhone编写一个网络应用程序，我想知道如何最好地使用Safari为iPhone开发，我遇到的主要问题是Safari显然无法调整大小缩小320像素的宽度。我怎么能这样做？

还有其他提示和技巧吗？

Answer 1

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

Answer 2

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

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

Answer 3

绝对最好的方法是使用真实设备 - iPhone或iPod touch - 以便您对设备的响应方式有一个正确的感觉。例如，如果您正在制作大量的动画，那么在台式计算机上进行测试可能会让您在发布前一天意识到整个页面在真实设备上可怕地滞后时会加扰。

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

Answer 4

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