Browsertest

Last-Modified: Sat, 26 Apr 2025 12:50:01 GMT

Unterstützt mein Browser WebXR?

Unterstützt mein Browser die neuen Standards im Internet wie HTML5?

Dieser Verweis wird von Browsern, die @media verstehen mit einem roten Rahmen dargestellt.

Die folgenden Beispiele werden standardkonform mit grüner Schrift im Rahmen angezeigt, ansonsten mit roter Schrift ohne Rahmen.

Attribut-Selektor: wird vom Internet Explorer bis zur Version 6 ignoriert und definiert hier alle Rahmen.

Kind-Selektor: wird vom Internet Explorer bis zur Version 6 ignoriert.

Star-HTML: wird fälschlich vom Internet Explorer bis zur Version 6 interpretiert.

Star-Plus-HTML: wird fälschlich vom Internet Explorer 7 interpretiert.

Selektor-Kommentar: wird vom Internet Explorer bis Version 5 für Windows und Mac ignoriert.

Medienangabe: wird vom Internet Explorer 4 für Windows und den Mac-Versionen ignoriert.

Element-spezifischer Selektor: wird vom Netscape 4 ignoriert.

Tantek-Hack: wird vom Internet Explorer erst ab Version 6 korrekt interpretiert
- im Netscape 4 kommt es hierdurch zu Fehlern im gesamten Style-Bereich!

Tan-Hack: beeinflusst nur den Internet Explorer vor Version 6
- eine Kombination des Star-HTML- und des Tantek-Hacks für einzelne Definitionen.

In diesem Beispiel wird einem <p>-Tag mit dem class-Selektor class="pcol" eine rote Schriftfarbe zugewiesen. Die nächste Zeile überschreibt diesen Wert mit grün. Dafür wird ein Attributabhängiger Selektor verwendet, den nur Mozilla und Netscape ab der Version 6 kennen. Der Internet Explorer ignoriert diese Zeile einfach und zeigt die Schrift in rot an.

Diese Schriftart sollte anders dargestellt werden, komplett andere Schrift (krumm und schief), das zeigt das der Browser mit Webschriftarten umgehen kann.

Unterstützt mein Browser die neuen Design Standards im Internet?

Ausklappbares Menü

Diese Schrift sollte erst nach klicken auf „Ausklappbares Menü“ angezeigt werden. Und beim Aufklappen oder Zuklappen sollte sich das Kreuz rechts drehen und die Farbe verändern


Dieses sollte mit abgerundeten Ecken angezeigt werden



Dieser Text sollte erst komplett erscheinen, wenn Sie auf weiterlesen klicken


Dieser Text ist breiter als der <div>-Bereich.


Dieser Text blinkt langsam

Please enable JavaScript …
JavaScript (jquery) is running …

Jedes der absolut gleichen Bilder, sollte unterschiedlich in der Transparenz dargestellt werden, der Hintergrund (GRÜN) scheint durch.

Test Bild Transparenz (opacity 0.2) Test Bild Transparenz (opacity 0.5) Test Bild Transparenz (opacity 1.0)