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 March 2019.

MDN hat ein Standardformat für Tabellen, die die Kompatibilität gemeinsamer Technologien über alle Browser hinweg darstellen, wie DOM, HTML, CSS, JavaScript, SVG usw. Um diese Daten in mehreren Projekten programmatisch verfügbar zu machen, wird ein Node.js-Paket aus dem browser-compat-data-Repository erstellt und auf 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 Leitfaden für Mitwirkende sowie im Datenrichtlinien-Leitfaden des Repositories. Wenn Sie Fragen haben oder Probleme entdecken, können Sie gerne um Hilfe bitten.

Nutzung von BCD-Daten auf MDN-Seiten

Sobald Daten im browser-compat-data-Repository enthalten sind, können Sie damit beginnen, Tabellen zu Browser-Kompatibilität und Spezifikationen basierend auf diesen Daten dynamisch in MDN-Seiten einzufügen.

Um mit BCD-Daten auf MDN-Seiten zu starten, verwenden Sie die Abfragezeichenfolge, die in der BCD-Quelldatei für die relevanten Daten angegeben ist, die Sie einfügen möchten. Zum Beispiel:

Die Kompatibilitätsabfrage sollte im Front-Matter der Seite im browser-compat-Schlüssel angegeben werden. Zum Beispiel wird AbortController wie folgt hinzugefügt:

md
---
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 Makros {{Compat}} und {{Specifications}} im Quelltext eingefügt.

Wenn auf derselben Seite mehrere Kompatibilitäts-/Spezifikationstabellen benötigt werden, können Sie den Wert von browser-compat als Array angeben. Zum Beispiel würde dies für die Channel Messaging API wie folgt hinzugefügt werden:

md
---
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 von Anmerkungen):

Beispiel für eine Kompatibilitätstabelle

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
AbortController
AbortController() constructor
abort
reason parameter
signal

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
Has more compatibility info.

Beispiele für Spezifikationstabellen

Specification
DOM
# interface-abortcontroller