javascript - 使用 javascript 仅针对 Safari

Question

想知道这是否可能。

发现:

<script type="javascript">
isSafari3 = false;
if(window.devicePixelRatio) isSafari3 = true;
</script>

关于 http://dustinbrewer.com/css-hackgetting-safari-to-behave/ 。但它似乎同时针对 chrome 和 safari，我假设它更多的是 webkit 目标。还有

console.log(isSafari3);

返回的是 px 计数，而不是 bool 值。所以我不确定那个人在说什么。

感谢您的帮助。

Answer 1

您无法可靠地使用 devicePixelRatio 的存在来可靠地检测 Safari。今天它可能可以工作，但是没有什么可以阻止其他浏览器实现它，然后你的代码将完全被破坏。

针对特定浏览器进行测试通常不是一个好主意。更明智的做法是测试您想要使用的特定功能。如果浏览器显示该功能存在，您就使用它，如果没有，您就使用其他一些后备机制。

功能检测非常非常容易维护，因为随着浏览器的变化，您不必不断更改代码来调整每个浏览器不同版本的行为。随着浏览器通过添加对最新功能的支持而发展，您的代码会自动适应它们。

这是一篇关于特征检测的文章:http://peter.michaux.ca/articles/feature-detection-state-of-the-art-browser-scripting 。 library modernizr包含许多功能检测代码片段，您可以整体使用它们，也可以查看它如何检测功能并仅使用特定的检测。