Egal wie man es wendet, wir müssen uns als Frontendentwickler immer wieder damit auseinandersetzen, welche Fähigkeiten die einzelnen Browser haben. Nicht alle HTML- und CSS-Techniken sind jemals in allen Browsern umgesetzt worden und trotz der Anstrengungen der Browserhersteller werden Features selten bis nie gleichzeitig umgesetzt.
Selbstverständlich sollte jeder Frontend-Entwickler caniuse kennen. Es gibt aber noch mehr Übersichten über die Browserfähigkeiten. Am Ende einer jeden Technik steht bei MDN eine passende Übersicht.
Eine andere Form der Darstellung und Aussenkommunikation bietet die Baseline-Initiative. Auf der Übersichtsseite von Baseline werden die gemeinsam umgesetzten Features präsentiert. Die für jeden verfügbare Webcomponent von Baseline ist mittlerweile auch bei CanIUse und MDN eingebunden. Sie ermöglicht eine sehr schnelle Erfassung des Status Quo der Technik in den gängigen Evergreen Browsern.
Die Webcomponente sieht folgendermaßen aus:
Ich habe mir zum Testen einen Codepen erstellt. Mir fehlen ehrlich gesagt zwei Informationen, die spätestens im Aufklapper existieren sollten: ab welcher Version eines Browsers die Technik unterstützt wird und welche Browserversion jeweils die aktuelle ist. Man kann es natürlich auch abkürzen und das Releasedatums der ersten unterstützenden Browserversion ausgeben.
Dadurch könnte man abschätzen, wie groß die Verbreitung aktuell ist. Vielleicht kommt diese Ergänzung ja noch.
Interessant finde ich auch folgende Seiten:
- https://caniwebview.com/search/?cat=web_feature - CanIUse für die unterschiedlichen Webviews.
- Chart of CSS & web platform feature support in evergreen browsers
- Can We - Liste mehrerer Projekte, die sich mit Fähigkeiten von Browsern und assistiver Technologie beschäftigen
- Can I Email - Welcher gängige Mailclient kann welche Technik?