【问题标题】:jQuery detect if browser support ZoomjQuery检测浏览器是否支持缩放
【发布时间】:2016-05-19 06:57:37
【问题描述】:

如何检查浏览器是否支持 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

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

【问题讨论】:

  • jQuery 的 $.browser 已被弃用并删除,因为浏览器检测通常是个坏主意。您需要特征检测。
  • 真正的问题是,为什么不直接使用scale
  • Scale 有它自己的问题,比如模糊,缩放在 Chrome 和 IE 上效果更好,但我会让 firefox 使用 scale

标签: javascript jquery css


【解决方案1】:

以下是在纯 JavaScript 中检测对 CSS 功能的支持的方法。 (用所需的任何功能替换缩放。)

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

【讨论】:

    【解决方案2】:

    我认为这个答案应该对你有所帮助:jquery determine if css zoom is available in browser

    最好的方法是使用专门用于测试浏览器 CSS 功能的 JS 库,例如 Modernizr 所做的。

    【讨论】:

      猜你喜欢
      • 2014-10-05
      • 2011-12-12
      • 2011-09-07
      • 1970-01-01
      • 1970-01-01
      • 2013-06-26
      • 2020-05-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多