Ich fand, dass dies die einfachste Methode ist:

Ich habe hasOwnProperty auch versucht, aber es funktioniert nicht in IE und FF. Warum also 40 KB modernisz verwenden, wenn Sie nur 3 Zeilen js haben können?

CSS-Eigenschaftserfassungen

Eine einfache CSS-Eigenschaftserkennungstechnik besteht darin, sie direkt auf einem Element zu testen und zu überprüfen, ob% ce_de% wie folgt zurückgegeben wird,

undefined .

Einfachste Methode (aber begrenzte Unterstützung)

Die obige Methode prüft direkt auf die Eigenschaft und sollte für die gängigsten Eigenschaften (nicht für flex-wrap) ausreichen.

Sie können etwas mehr Code hinzufügen, um zu überprüfen, ob die Eigenschaft mit den dom-Präfixen

Etwas umfangreich für besseren Halt (funktioniert für Flex-Wrap)

Es wird wirklich kompliziert, wenn Sie sich dazu entschließen, das für jede Eigenschaft in allen Browsern zu verallgemeinern. Hier entscheiden wir uns für element.style.<propertyName> != undefined , das die Unterstützung für die Behandlung von Ausnahmefällen erweitert hat.

CSS.supports

Es gibt eine neue CSS-API modernizr , die einen booleschen Wert zurückgibt um zu überprüfen, ob eine bestimmte CSS-Funktion vom Browser unterstützt wird. Dies ist jedoch eine neue API, daher verwenden wir immer noch Plugins wie CSS.supports , bis eine Unterstützung für einen älteren Browser benötigt wird.

Fazit:

Verwenden Sie die einfachste Stilerkennung modernizr oder mit element.style.<property> != undefined , wenn Ihre Anforderung einfach ist. Sie können es immer ein bisschen mehr als Ihre Notwendigkeit anpassen, aber wenn es kompliziert und umfangreich ist, gehen Sie für domPrefixes , die Code für Feature-Erkennung erweitert hat.

Erweitern Sie die Antwort von @ AndresTet, wenn Sie keinen vollständigen Build modernizr möchten, können Sie ein gewöhnen Sie sich , oder extrahieren und refaktorieren Sie die relevanten Flexbox-Tests, die wie folgt aussehen: