jQuery检测浏览器是否支持缩放

Question

我该如何检查浏览器是否支持Zoom css属性？根据Caniuse.com的数据，只有Firefox不支持它，所以根据这个问题 (In Javascript, how do I determine if my current browser is Firefox on a computer vs everything else?)，我尝试了以下方法：

if ($.browser.mozilla) { ... 

这在Chrome中返回了一个错误：

Cannot read property 'mozilla' of undefined

根据答案，另一个解决方案是检测浏览器是否支持该函数，我该如何做到这一点？

- sigmaxf

---

jQuery的$.browser已被弃用和移除，因为浏览器检测通常是一个不好的想法。你应该使用特性检测。 - adeneo

真正的问题是，为什么不直接使用 scale 呢？ - adeneo

缩放本身也存在问题，例如模糊，Chrome和IE的缩放效果更好，但我会让Firefox使用缩放。 - sigmaxf

Answer 1

以下是如何使用纯JavaScript检测CSS功能支持的方法。（将“缩放”替换为需要的任何功能。）

document.createElement("detect").style.zoom === ""

- Tim Grant

Answer 2

我认为这个答案可以帮助你：jquery determine if css zoom is available in browser 最好的方法是使用一个专门测试浏览器CSS能力的JS库，就像Modernizr一样。

- Gagoo