iOS / 移动 Safari 是不是符合现代浏览器标准？

Posted 2023-03-12

【中文标题】iOS / 移动 Safari 是不是符合现代浏览器标准？

【英文标题】：How well does iOS / mobile safari comply with modern browser standards?iOS / 移动 Safari 是否符合现代浏览器标准？

【发布时间】：2013-06-09 21:19:31

【问题描述】：

所以我正在创建一个 wordpress 主题，它在所有现代浏览器上看起来都非常不错，但我所做的一切似乎在 iPad 上看起来都不同。尤其是像 CSS 线性渐变和 box-shadow 这样的现代技术。他们根本不工作。还有一些图片显示不正确，我在整个容器旁边有 2px 的右边距。

通常我会使用 Firebug 之类的工具或类似的工具来调试该设备上的代码。但由于我自己没有 iPad，这让我很头疼。

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

那么，您将如何解决这个问题？即使您没有要测试的设备，您如何确保您的设计在每台设备上都能正常运行？

另外，iPad 对现代网络标准的支持程度如何？我真的不能使用任何 html5/css3 技术，还是我只需要对移动设备采取不同的方法？

【参考方案1】：

首先，我认为您的意思是“桌面浏览器”而不是“现代浏览器”，考虑到这一点，您似乎在使用不同的 CSS3 属性时遇到了困难。 ios Safari 可能不支持其中一些。

Apple 开发者网站上的Safari Web Content Guide 是您阅读的好页面。我不认为有一个直截了当的答案来说明“与桌面浏览器相比，iOS / iOS Safari 对 CSS3 的遵守情况”，但是有一些图表。我进行了快速搜索，发现了一些 2007 年的过时图表 (link)，但它们可能仍然对您有用。 我确实相信 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 的 VM（我相信 Apple 不允许这样做）并执行上述相同操作。如果我自己没有阅读过这篇文章，this guide 可能看起来很有希望。 This answer 非常充分地回答了您的问题。

【讨论】：

有趣的答案有很多有用的信息！谢谢保罗！并为 Can I Use.com +1 :)

很高兴能帮上忙！ =) 祝你好运解决你的 CSS3/Html5 问题。