当前位置: 首页 > 面试题库 >

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

丁曦哲
2023-03-14
问题内容

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


问题答案:

也许是这样的。基本上,它只是在查看是否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;
}

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



 类似资料:
  • 问题内容: 我一直在使用不同的脚本,发现除了Chrome以外,其他所有脚本都适用…这是我一直在.CSS文件中使用的不同代码。我尝试只是将浏览器名称设置为“ Chrome”,但这没有用。 问题答案: 使用以下方法检测铬: 您可以像这样包含专门用于chrome的css文件: 更新(2014-07-29): @gillesc对于检测Chrome有一个更为优雅的建议,他在下面的评论中发布了该建议,也可以在

  • 问题内容: 您将如何从XML转换为JSON,然后再转换回XML? 以下工具可以很好地工作,但并不完全一致: xml2json 有人遇到过这种情况吗? 问题答案: 我认为这是最好的方法: 在XML和JSON之间转换 一定要阅读xml.com O’Reilly网站上的随附文章,该文章详细介绍了这些转换所带来的问题,我认为您会发现这很有启发性。O’Reilly托管该文章的事实应表明,Stefan的解决方

  • 我正在工作的css动画过渡。我有我的div id mybus。它的位置是相对的。它是多个divs位置相对的容器。我正在尝试移动mybus,它是所有其他div的容器,使用动画转换:translateX()。不是沃金。(问题是,动画时位置重要吗?)我单独地将transform:rotate()动画应用到div类车轮(它也在mybus内部)中,效果很好。(我没有包含这部分代码)如果需要,我可以给出更多关

  • 问题内容: 我想说的是,我在这里阅读并尝试了多种说明: 我想让我的页面根据所使用的设备使用不同的CSS文件。我已经看到了许多解决方案,都使用了上述某种形式。 但是,在HTC Desire上进行测试时,我始终可以得到iPad专用的输出或完全未过滤的输出。目前,我的测试代码基于: 这是我的HTML文件: 这是iPad的Landscape CSS文件(我在这里只提供它们,因为它们基本上是相同的: 我想知

  • 问题内容: 是否存在使用JavaScript检测客户端计算机上安装的Java版本的可靠方法? 问题答案: 在Java Deployment Toolkit中签 出代码。

  • 问题内容: 是否可以检查元素的CSS 或使用JavaScript? 问题答案: 元素具有一个属性,该属性可以告诉您想要什么,如果样式是内联声明的或使用JavaScript声明的: 将为您提供一个字符串值。 就像sdleihssirhc在下面说的那样,如果元素是被CSS规则继承或指定的,则需要获取其计算样式: