25

JavaScriptでCSSプロパティがクライアントブラウザでサポートされているかどうかを知ることは可能ですか?CSS3の回転プロパティについて話しています。ブラウザがサポートしている場合にのみ、いくつかの機能を実行したい。

4

4 に答える 4

41

私はあなたがこのようにそれを行うことができると信じています:

if ('WebkitTransform' in document.body.style 
 || 'MozTransform' in document.body.style 
 || 'OTransform' in document.body.style 
 || 'transform' in document.body.style) 
{
    alert('I can Rotate!');
}
于 2011-08-03T10:13:08.373 に答える
8

そのための新しいDOMAPICSS.supportsがあります。FF、Opera(supportsCSSとして)、ChromeCanaryはすでにこのメソッドを実装しています。

クロスブラウザの互換性のために、私のCSS.supportspolyfillを使用できます

例:

CSS.supports("display", "table");//IE<8 return false

ただし、cssプロパティのプレフィックスとしてブラウザプレフィックスを指定する必要があります。例えば:

CSS.supports("-webkit-filter", "blur(10px)");

機能検出にはModernizrを使用することをお勧めします。

于 2013-06-21T16:22:02.960 に答える
0

Modernizrライブラリを使用できます。

css変換の例:

.cssファイル内;

.no-csstransforms .box { color: red; }
.csstransforms .box { color: green; }

.jsファイル内;

if (Modernizr.csstransforms) {
  // supported
} else {
  // not-supported
}
于 2016-09-02T12:35:13.840 に答える
0

これを試してみませんか?

var temp = document.createElement('div');
var isSupport = temp.style['propName'] != undefined;
于 2017-06-05T10:20:55.863 に答える