What is @mdn/browser-compat-data?
@mdn/browser-compat-data is a comprehensive dataset that provides browser compatibility information for various web technologies, including HTML, CSS, JavaScript, and more. It is maintained by MDN Web Docs and is useful for developers who need to know which features are supported by different browsers.
What are @mdn/browser-compat-data's main functionalities?
Check CSS property support
This feature allows you to check the browser compatibility of a specific CSS property. In this example, it checks the compatibility of the 'border-radius' property.
const bcd = require('@mdn/browser-compat-data');
const css = bcd.css.properties;
console.log(css['border-radius']);
Check JavaScript API support
This feature allows you to check the browser compatibility of a specific JavaScript API. In this example, it checks the compatibility of the 'Promise' API.
const bcd = require('@mdn/browser-compat-data');
const js = bcd.javascript.builtins;
console.log(js['Promise']);
Check HTML element support
This feature allows you to check the browser compatibility of a specific HTML element. In this example, it checks the compatibility of the 'video' element.
const bcd = require('@mdn/browser-compat-data');
const html = bcd.html.elements;
console.log(html['video']);
Other packages similar to @mdn/browser-compat-data
caniuse-lite
caniuse-lite is a smaller, more compact version of the data from caniuse.com. It provides browser support tables for various web technologies. Compared to @mdn/browser-compat-data, caniuse-lite is more lightweight and focuses on providing quick access to compatibility data.
browserslist
browserslist is a tool that allows you to specify which browsers you want to support in your project. It uses data from caniuse-lite to determine browser compatibility. While @mdn/browser-compat-data provides detailed compatibility information, browserslist helps you configure your project to support specific browsers.