JS はブラウザが特定の CSS3 をサポートしているかどうかを判断します。

1. はじめに

css3 の登場により、ブラウザのパフォーマンスがより多彩になりました。 パフォーマンスに最も大きな影響を与えるのはアニメーションです。 日常的にアニメーションを作成する場合、特に作成時にブラウザがサポートしているかどうかを事前に判断する必要があります。 CSS3アニメーションライブラリ。たとえば、アニメーションの再生状態の遷移は一部のブラウザーでのみサポートされます。

2. 検出方法

次の方法では、スクリプトを使用してブラウザが特定の CSS3 属性をサポートしているかどうかを判断できます:

Js code

1. /**
2. * ブラウザが特定の CSS3 属性をサポートしているかどうかを判断します
3. * @param {String} 属性名
4. * @return {Boolean} true/false
5. * @version 1.0
6. * @author ydr.me
7. * 2014年4月4日 14:47:19
8. */
10. function supportCss3(style ){
11. var prefix = ['webkit', 'Moz', 'ms', 'o'],
12. i,
13. humpString = [],
14. htmlStyle = document.documentElement.style,
15. _toHumb = function ( string) {
16. return string.replace(/-(w)/g, function ($0, $1) {
17. return $1.toUpperCase();
18. });
19. };接頭辞)
20. humpString.push(_toHumb(prefix[i] + '-' + style));
22. humpString.push(_toHumb(style));
24. for (humpString) pString [i] in htmlStyle) return true
26. return false;
28. 3. Js コードの使い方3('アニメーションの再生状態') );
4. 参考文献

http://note.rpsh.net/posts/2011/05/20/css

http://ecd.tencent.com/css3/guide.html