Veröffentlicht: 23. Oktober 2024
In diesem Beitrag erfahren Sie, wie Sie die neue <baseline-status>-Webkomponente auf Ihrer eigenen Website und die Baseline-Logos in Präsentationen verwenden können, wenn Sie über Webplattformfunktionen schreiben oder sprechen.
Die meisten Entwickler haben schon einmal nach einer Lösung für ein Webentwicklungsproblem gesucht, einen Artikel gefunden, der die perfekte Lösung beschreibt, und dann am Ende festgestellt, dass sie nur in einem Browser verfügbar ist. Oder Sie sind begeistert von einer Funktion, die ein Konferenzredner beschreibt, nur um dann festzustellen, dass sie sich noch in der Testphase befindet. Das wollten wir auf unseren Chrome-Entwicklerwebsites verbessern. Deshalb haben wir in den letzten zwei Jahren Kompatibilitätsdaten von MDN in unsere Beiträge aufgenommen.
Mit Baseline wird es jedoch noch deutlicher. Anstatt einzelne Browserversionen zu prüfen, können Sie prüfen, ob eine Funktion weitgehend verfügbar ist und daher bedenkenlos verwendet werden kann. Oder Sie erfahren, dass sie neu verfügbar ist und daher interoperabel ist, aber als neue Funktion vielleicht eine, für die Sie Fallback-Strategien in Betracht ziehen sollten. Hier auf web.dev haben wir begonnen, einigen unserer Seiten eine neue Baseline-Statuskomponente hinzuzufügen. Sie ist im Blogbeitrag zu CSS font-size-adjust zu sehen.
Komponente auf Ihrer Website einfügen
Die Webkomponente ist nicht nur für uns gedacht. Wir freuen uns, Ihnen die Komponente <baseline-status> vorzustellen. Sie können es verwenden, um den Baseline-Status für Ihre Inhalte anzuzeigen. Die Komponente kann über npm installiert oder über ein CDN vorkompiliert werden. Hier finden Sie die Installationsanleitung.
Nach der Installation wird der Status eines Features wie im folgenden HTML-Code für font-size-adjust angezeigt.
<baseline-status featureId="font-size-ad><just"/basel>ine-status
Die Komponente wird dann automatisch aktualisiert, wenn eine Funktion von „Eingeschränkte Verfügbarkeit“ über „Neu verfügbar“ zu „Weitgehend verfügbar“ wechselt.
featureId suchen
Der an die Komponente übergebene featureId ist der Name des Features im Web-Features-Repository.
Die Komponente ruft den Status des Features aus den Daten ab, die über das Web-Features-Projekt erhoben werden.
Baseline-Logos hinzufügen
Wenn Sie etwas in gedruckter Form oder als PDF veröffentlichen oder auf einer Konferenz präsentieren, sind die Logos wahrscheinlich hilfreich, um den Status zu diesem Zeitpunkt zu zeigen. Mit dem Web Platform Status-Dashboard können Sie den Baseline-Status einer beliebigen Funktion prüfen.
Die Baseline-Logos sind für die Verwendung in allen Ihren Materialien lizenziert. Sie können sie im PNG- und SVG-Format herunterladen.
Teilen Sie uns mit, wo Sie Baseline verwenden
Wir würden gern sehen, wo Baseline verwendet wird. Erstelle einen PR und füge einen Link dazu hinzu, wo du ihn für Baseline in the wild verwendet hast.
Haben Sie weitere Ideen für die Integration?
Haben Sie eine Idee, wie Baseline auf andere Weise integriert werden könnte? Vielleicht haben Sie ein Entwicklertool, das diese Informationen enthalten könnte, oder ein Produkt, das davon profitieren würde, wenn die vom Admin-Bereich verwendete Baseline-Version geteilt werden könnte. Wenn Sie Probleme mit Ihren Ideen haben, helfen wir Ihnen gern weiter.