iPad – 在Win7 PC上testingHTML5网站

我正在寻找一个专门针对iPad的网站,但我们没有任何Mac内部的testing。 什么是在PC上testing网站的最准确的方法? 我可以使用Safari浏览器,缩小窗口大小来逼近iPad屏幕大小,但是我想知道是否有更好的方法。

如果您专门针对特定设备定位网站,请购买该特定设备 。 这不仅适用于iPad。

我注意到两个注意事项,很多网站都有一个像iPad,iPhone这样的触摸设备:

  1. 鼠标悬停事件不会生成。 所以,在面向鼠标的设备上不用点击WebKit浏览器(如Safari)就能正常工作的HTML / CSS / Javascript菜单结构可能会停止工作。

  2. 滚动事件(来自手指的轻弹)不会传递给页面内的元素; 而只是滚动整个页面。 在非触摸设备上显示带有滚动条的子元素可能完全不显示滚动条。 所以,有时你会失去在子元素中滚动的能力。

可能还有其他的警告。 想象一下,设备可能会与面向鼠标的设备有所不同,这真的很难想象。 所以,买一台iPad。

顺便说一下,在这种情况下购买Mac是没有用的:Mac上的Safari仍然表现出(就鼠标/触摸事件而言),而不像iPad / iPhone上的Safari。 iPad可以与Windows PC配对。

有关为iPad准备网页的建议,请参阅此Apple文档 。

我只是使用Safari,因为移动版本使用相同的渲染引擎(尽管可能被修改以适应iPad资源)。

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

您可以尝试使用在线模仿服务。 例如http://app.crossbrowsertesting.com/或https://saucelabs.com/ 。 它们为不同的设备和操作系统提供大量的模拟环境。 您可以测试网站上已存在的网站或本地文件。 我自己目前正在与app.crossbrowsertesting.com第一次。 它真的显示了客户在他的iPad上遇到的问题。 也有经验丰富的开发人员,我的朋友有关这些服务的好消息。