iOS /移动safari在多大程度上符合现代浏览器标准?



所以我正在创建一个wordpress主题,它在所有现代浏览器上看起来都很漂亮,但似乎我在iPad上做的一切看起来都不一样。尤其是像CSS线性渐变和框阴影这样的现代技术。它们根本不起作用。还有一些图像不能正确显示,我在整个容器旁边设置了2px的右边距。

通常我会使用Firebug之类的工具来调试设备上的代码。但由于我自己没有iPad,这对我来说就成了麻烦。

我看到互联网上有一些工具假装显示我的网站,就像我在真正的iPad上浏览一样,但我得到的只是一个漂亮的iPad框架,它显示的网站就像我使用的浏览器一样。

那么,你会如何解决这个问题呢?你如何确保你的设计在每个设备上都能正常运行,即使你没有设备可以测试?

另外,iPad对现代网络标准的支持程度如何?我是否真的不能使用任何html5/css3技术,或者我是否必须针对移动设备采取不同的方法?

首先,我想你的意思是"桌面浏览器"而不是"现代浏览器",考虑到这一点,你似乎在使用不同的CSS3属性时遇到了困难。其中一些可能在iOS Safari中不支持。

苹果开发者网站上的Safari Web Content Guide是一个不错的阅读页面。我不认为有一个直接的答案可以告诉我们"与桌面浏览器相比,iOS/iOS Safari对CSS3的遵从程度有多好",但是有一些图表。我快速搜索了一下,发现了一些2007年的过时图表(链接),但它们可能对你仍然有用。我所相信的是,iPhone和iPad在支持现代网页标准(HTML5;CSS3), iOS版本(或者更好的是iOS Safari)可能会产生更大的差异。

一个可以检查的好页面是Can I use.com。你可以检查不同的CSS3或HTML5功能,看看他们是否支持iOS Safari。

关于测试;如果你用的是mac,你可以下载XCode。XCode包含iOS模拟器,你可以在其中测试你的网站。iPad和iPhone(3.5英寸&4")。试试吧。如果你正在运行Windows,我看到的唯一选择是运行一个带有OS X的虚拟机(我相信苹果不允许),并按照上面提到的做同样的事情。我自己没有读过这篇文章,这个指南可能看起来很有希望。这个答案很好地回答了你的问题。

最新更新