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 Funktionen der Webplattform schreiben oder sprechen.
Die meisten Entwickler haben schon einmal nach einer Lösung für ein Problem bei der Webentwicklung gesucht, einen Artikel gefunden, in dem die perfekte Lösung beschrieben wird, und dann am Ende sofort gemerkt, dass sie nur in einem Browser verfügbar ist. Oder Sie sind von einer Funktion begeistert, die ein Konferenzredner beschreibt, und stellen dann fest, dass sie experimentell ist. Dies war etwas, das wir hier auf unseren Chrome-Entwicklerwebsites verbessern wollten. In den letzten zwei Jahren fügen wir unseren Posts kompatible Daten von MDN hinzu.
Mit der Baseline wird es jedoch noch klarer. Anstatt einzelne Browserversionen zu prüfen, können Sie nachsehen, ob eine Funktion „weitgehend verfügbar“ ist und daher problemlos verwendet werden kann. Oder Sie erfahren, dass die Funktion „Baseline Newly available“ (Neu verfügbarer Baseline) ist und daher interoperabel, aber als neue Funktion sollten Sie möglicherweise Fallback-Strategien für sie in Betracht ziehen. Auf web.dev haben wir einigen Seiten eine neue Komponente für den Status der Baseline hinzugefügt. Sie finden sie im Blogpost zu CSS font-size-adjust.
Komponente auf Ihrer Website einfügen
Die Webkomponente ist nicht nur für uns gedacht. Wir freuen uns, Ihnen die <baseline-status>-Komponente vorstellen zu können. Sie können damit den Status des Referenzwerts für die von Ihnen erstellten Inhalte anzeigen. Die Komponente kann über npm installiert oder aus einem CDN vorab kompiliert werden. Weitere Informationen zur Installation
Nach der Installation wird der Status einer Funktion angezeigt, wie im folgenden HTML-Code für font-size-adjust dargestellt.
<baseline-status featureId="font-size-adjust"></baseline-status>
Die Komponente wird dann automatisch aktualisiert, wenn eine Funktion von „Begrenzt verfügbar“ über „Neu verfügbar“ zu „Breitband verfügbar“ wechselt.
featureId finden
featureId, das an die Komponente übergeben wird, ist der Name des Elements im Repository für Web-Features.
Die Komponente erhält den Status der Funktion aus den Daten, die über das Webfeature-Projekt erfasst wurden.
Baseline-Logos hinzufügen
Wenn Sie etwas drucken, als PDF veröffentlichen oder auf einer Konferenz präsentieren, sind die Logos wahrscheinlich hilfreich, um den Status zu diesem Zeitpunkt zu zeigen. Im Dashboard Webplattformstatus können Sie den Baseline-Status einer Funktion prüfen.
Die Baseline-Logos sind lizenziert und können in allen Ihren Materialien verwendet werden. Laden Sie sie im PNG- und SVG-Format herunter.
Teilen Sie uns mit, wo Sie Baseline verwenden
Wir würden gerne wissen, wo Baseline verwendet wird. Erstellen Sie einen PR und fügen Sie einen Link zu der Stelle hinzu, an der Sie ihn verwendet haben, um eine In-the-Wild-Baseline zu erstellen.
Haben Sie weitere Integrationsideen?
Haben Sie eine Idee, wie Baseline auf andere Weise eingebunden werden könnte? Vielleicht haben Sie ein Entwicklertool, das diese Informationen enthalten könnte, oder ein Produkt, das davon profitieren würde, die vom Admin-Bereich verwendete Baseline-Version freigeben zu können. Melden Sie ein Problem mit Ihren Ideen. Wir helfen Ihnen gerne weiter.