iPad - 在Win7 PC上测试HTML5网站

Question

我希望定位一个专门用于iPad的网站，但我们没有任何内部测试用的Mac。在PC上测试网站最准确的方法是什么？我想我可以使用Safari浏览器缩小窗口以接近iPad的屏幕尺寸，但我想知道是否有更好的方法。

Answer 1

如果您定位的网站专门用于特定设备，请购买特定设备。这不仅适用于iPad。

两个警告我注意到很多网站都有像iPad，iPhone这样的触控设备：

1. 未生成鼠标悬停事件。因此，HTML / CSS / Javascript菜单结构可以在面向鼠标的设备上单击WebKit浏览器（如Safari）而无法完全停止工作。

2. 滚动事件（来自手指轻弹）不会传递到页面内的元素;相反，它只是滚动整个页面。可以在没有滚动条的情况下显示在非触摸设备上显示带有滚动条的子元素。所以，有时你会失去在子元素内滚动的能力。

可能还有其他警告。很难想象一个设备可能与面向鼠标的设备的行为方式不同;所以，买一台iPad。

顺便说一句，在这种情况下购买Mac没有用处：Mac上的Safari仍然表现得很好（就鼠标/触摸事件而言）与iPad / iPhone上的Safari有很大不同。 iPad可以与Windows PC配对。

有关为iPad准备网页的一些建议，请参阅this Apple document。

Answer 2

我只是使用Safari，因为移动版本使用相同的渲染引擎（虽然可能会修改以适应iPad的资源）。

它应该显示相同的，如果不是关闭。

Answer 3

您可以尝试使用在线模仿服务。 例如http://app.crossbrowsertesting.com/或https://saucelabs.com/。它们为不同的设备和操作系统提供了大量的仿制环境。您可以测试已在Web中的站点或本地文件。 我本人目前正在使用app.crossbrowsertesting.com这是第一次。它确实显示了客户在iPad上遇到的问题。同样有经验丰富的开发人员，我的朋友也会对这些服务有好的通知。