adam-lynch/simple-feature-detector

本包的最新版本（1.0.0）没有可用的许可信息。

一个非常轻量级的无依赖特征检测器

维护者

详细信息

github.com/adam-lynch/simple-feature-detector

主页

源代码

问题

安装: 23

依赖者: 0

建议者: 0

安全: 0

星标: 1

关注者: 3

分支: 0

开放问题: 2

语言：JavaScript

1.0.0 2014-06-13 12:16 UTC

Unknown License da1a043a5f9b6dd6a87b9d2bdff472a871fb99ff

javascriptcssfeature detection

This package is not auto-updated.

Last update: 2024-09-23 14:49:56 UTC

README

Bower version NPM version Build Status Windows Build Status

一个非常轻量级（847字节gzip压缩）的无依赖模块，可以轻松检测浏览器中的CSS功能（并为支持添加CSS类到HTML元素）。

用法

  • 下载 / 获取方式： npm、bower 或 packagist。

  • 用法：支持 UMD，因此你可以使用它与 AMDs / RequireJS、commonjs / browserify，或者简单地将 <script> 放入你的HTML中，并使用全局的 SimpleFeatureDetector 函数。请参阅 示例。

  • 声明对功能的支持

SimpleFeatureDetector.supports({  property: 'column-width', vendors: 'wg' });

每个对象包含所需的CSS属性和应检查的供应商*，如果它不是原生支持的。 可能的值

  • g - Gecko (Firefox)
  • k - KHTML (Konqueror)
  • p - Presto (Opera)
  • t - Trident (IE)
  • w - WebKit
  • all - 所有上述供应商
  • "" - 如果不是原生支持的，则返回 false

结果： <html class="has-column-width">...</html>

  • 检查多个功能的支持
SimpleFeatureDetector.supports([
            { property: 'column-width', vendors: 'wg' },
            { property: 'border-radius', vendors: 'all' },
            { property: 'transform-style', vendors: '' } //will check for native support only
        ]);
  • 要简单地确定是否支持一个功能而不向DOM添加类，请使用第二个参数 declareSupport（默认为 true）
if(SimpleFeatureDetector.supports( { property: 'column-width', vendors: 'wg' }, false )){
            alert('Yes!');
        }
  • 缓存：没有缓存。请明智地使用 :)

浏览器支持

没问题。已测试到 Internet Explorer 8。

* 你不会希望检查一个从未存在过的供应商+属性组合（例如 o-border-radius），以及其他可能的原因。