Browser-Kompatibilitätstabellen und Browser-Kompatibilitätsdaten (BCD)
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since März 2019.
MDN hat ein Standardformat für Tabellen, die die Kompatibilität von gemeinsam genutzten Technologien über alle Browser hinweg veranschaulichen, wie DOM, HTML, CSS, JavaScript, SVG usw. Um diese Daten programmatisch in mehreren Projekten verfügbar zu machen, wird ein Node.js-Paket aus dem browser-compat-data-Repository erstellt und bei npm veröffentlicht.
Um die Daten innerhalb dieser Tabellen zu ändern, finden Sie umfassende Dokumentation zusammen mit den neuesten Details zu Konventionen und JSON-Schemata, die zur Darstellung der Daten verwendet werden, im Beitrag-Leitfaden des Repositories sowie im Datenrichtlinien-Leitfaden. Wenn Sie Fragen haben oder Probleme entdecken, können Sie gerne um Hilfe bitten.
Verwendung von BCD-Daten in MDN-Seiten
Sobald Daten im browser-compat-data Repository aufgenommen wurden, können Sie beginnen, Browser-Kompatibilitäts- und Spezifikationstabellen basierend auf diesen Daten dynamisch in MDN-Seiten einzubinden.
Um mit BCD-Daten auf MDN-Seiten zu beginnen, verwenden Sie die im BCD-Quellfile angegebene Abfragezeichenfolge für die relevanten Daten, die Sie einfügen möchten. Zum Beispiel:
- Die Kompatibilitätsdaten von
AbortControllersind in api/AbortController.json definiert und können mitapi.AbortControllerabgefragt werden. - Die Kompatibilitätsdaten für den
Content-TypeHTTP-Header sind in http/headers/content-type.json definiert und die Abfrage lautethttp.headers.Content-Type. - Die Kompatibilitätsdaten der Eigenschaft
VRDisplay.capabilitiessind in api/VRDisplay.json definiert und die Abfrage lautetapi.VRDisplay.capabilities.
Die Abfrage der Kompatibilitätsdaten sollte im Front-Matter der Seite im Schlüssel browser-compat angegeben werden. Zum Beispiel würde AbortController wie unten gezeigt hinzugefügt werden:
---
title: AbortController
slug: Web/API/AbortController
page-type: web-api-interface
browser-compat: api.AbortController
---
Die Kompatibilitäts- und Spezifikationstabellen, die dem Schlüssel entsprechen, werden dann automatisch anstelle der {{Compat}} und {{Specifications}} Makros in der Quelle gerendert.
Wenn auf derselben Seite mehrere Kompatibilitäts-/Spezifikationstabellen erforderlich sind, können Sie den Wert von browser-compat als Array angeben. Zum Beispiel, für die Channel Messaging API würde dies wie unten gezeigt hinzugefügt werden:
---
title: Channel Messaging API
slug: Web/API/Channel_Messaging_API
page-type: web-api-overview
browser-compat:
- api.MessageChannel
- api.MessagePort
---
Die Makroaufrufe generieren die folgenden Tabellen (und das entsprechende Set an Notizen):
Beispiel für eine Kompatibilitätstabelle
Loading…
Beispiel für Spezifikationstabellen
| Specification |
|---|
| DOM # interface-abortcontroller |