一尘不染

使用Javascript检测CSS转换(并且不使用modernizr)?

css

如何检测使用Javascript(并且不使用modernizr)的浏览器支持CSS转换?


阅读 227

收藏
2020-05-16

共1个答案

一尘不染

也许是这样的。基本上,它只是在查看是否transition已定义CSS 属性:

function supportsTransitions() {
    var b = document.body || document.documentElement,
        s = b.style,
        p = 'transition';

    if (typeof s[p] == 'string') { return true; }

    // Tests for vendor specific prop
    var v = ['Moz', 'webkit', 'Webkit', 'Khtml', 'O', 'ms'];
    p = p.charAt(0).toUpperCase() + p.substr(1);

    for (var i=0; i<v.length; i++) {
        if (typeof s[v[i] + p] == 'string') { return true; }
    }

    return false;
}

改编自此要点。所有的功劳都去了。

2020-05-16