jQuery检测浏览器是否支持Zoom

rjee0c15 于 5个月前发布在 jQuery

关注(0)|答案(2)|浏览(94)

我如何检查浏览器是否支持Zoom css属性？我从Caniuse.com知道只有Firefoz不支持它，所以，从这个问题（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

型
根据答案的另一个解决方案是检测浏览器是否支持该功能，我该怎么做？

2条答案

下面是如何在普通JavaScript中检测对CSS特性的支持。（用所需的任何特性替换zoom。）

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

字符串

2023年修改：写了7年后，再次验证，解决方案仍然有效。仍然存在一些浏览器支持此功能，而另一些浏览器不支持此功能的情况。

也就是说，一个新的浏览器（KaiOS）现在出现了-这只是检测功能而不是浏览器的另一个原因。

我想这个答案应该对你有帮助：jquery determine if css zoom is available in browser
最好的方法是使用一个专门用于测试浏览器CSS功能的JS库，就像Modernizr一样。