Wie überprüft man, ob der css-Wert vom Browser unterstützt wird?
Ich bin nicht sehr begabt in Javascript, also bitte sei ertragen mit mir. Safari 6 und jünger und ältere Android Mobile Browser und vielleicht mehr unterstützen den css-Wert VH nicht. Meine DIV # ID oder Klasse ist nicht die Höhe des Ansichtsfensters. Unten ist ein Link zu einer Seite, auf der ich einige nützliche Informationen gefunden habe, aber ich bin mir nicht sicher, wie ich sie mit einem css-Wert verwenden soll:
Überprüfen Sie, ob ein CSS-Wert unterstützt wird
Hier ist der Code als Abkürzung für Sie:
%Vor%In den Kommentaren des Links, den ich oben angehängt habe, fragt jemand, wie man überprüft, ob ein css VALUE unterstützt wird und die Antwort lautet: "Sie legen es fest, lesen dann den Wert zurück und prüfen, ob der Browser sie beibehalten hat." Jetzt bin ich sicher, dass das nützliche Informationen wäre, wenn ich mehr Javascript wüsste, das ich gerade angefangen habe zu lernen.
Dies ist, was ich im Sinn habe, aber ich bin mir wirklich nicht sicher, wie ich das machen soll. Überprüfen Sie, ob div # id oder div.class den Wert vh css hat. Überprüfen Sie, ob der CSS-Wert vom Browser unterstützt wird. Wenn es unterstützt wird, dann lade weiter. Wenn nicht unterstützt, ändern Sie die ID oder Klasse.
Um meine Frage zusammenzufassen:
Wie überprüfe ich, ob ein CSS-Wert vom Browser mit Javascript oder jquery unterstützt wird?
Die Anleitung zur Antwort wird sehr geschätzt. Danke für deine Hilfe.
4 Antworten
Ich sehe den Code, den Sie dort haben.
%Vor%Platzieren Sie einfach die CSS-Eigenschaft, die Sie testen möchten, in den Anführungszeichen, wo
stehtPutStyleHere
Und wenn Sie die Datei laden, wird ein Popup angezeigt, das Ihnen sagt, ob es funktioniert oder nicht.
Das scheint jedoch unnötig zu sein.
Einfach googeln:
[Eigenschaft] css W3
Dabei steht [Eigenschaft] für die Eigenschaft, die Sie für die Browser-Unterstützungsinformationen benötigen.
Als ich
gesucht habeOpazität Css W3
und dann auf den W3-Link geklickt ... Sie können nach unten scrollen und Sie werden einen Abschnitt der Seite mit den gewünschten Informationen sehen:
Ich würde vorschlagen, Modernizr zu verwenden.
Modernizr ist eine JavaScript-Bibliothek, die erkennt, welche HTML5- und CSS3-Funktionen der Browser Ihres Besuchers unterstützt. Bei der Erkennung von Feature-Support können Entwickler einige der neuen Technologien testen und Fallbacks für Browser bereitstellen, die sie nicht unterstützen.
Einige nützliche Links:
Tags und Links javascript jquery css browser viewport