在iPhone和iPad中测试视口和缩放的最佳方法

Question

我正在寻找一种方法来测试我的移动设备的网页布局，而无需购买实际的硬件。我主要对测试iPhone和iPad感兴趣。我拥有一部iPhone，因此可以在那里进行适当的测试。但我无法确切知道它在iPad上的样子。无论哪种方式：检查我的Mac上的视觉输出会很好，因为我正在为了生产而建立它。

testiphone.com应该模拟网站的外观，但渲染布局比例存在差异：在我的iPhone硬件上，内容的宽度会缩放以适合屏幕的左右边距。在testiphone.com模拟器中，内容根本没有缩放。

那么是否存在可以一致地测试视觉布局的方法？

（我不反对订阅开发人员SDK，但是如果有一种更快更简单的方法来获得视口和缩放以保持一致，我更喜欢它！）

Answer 1

您可以使用免费的开发者帐户下载SDK。您将无法访问测试版，但您不需要它们来测试Web布局。转到http://developer.apple.com/ios，然后单击“XCode和iOS SDK”链接。它会要求您使用您的苹果ID登录，并设置一个免费的开发者帐户（如果它没有注册）。然后，使用iPhone模拟器应用程序测试您的网站。