Last updated
Browser Compatibility Checking
Browser compatibility checking determines whether a web feature (CSS property, JavaScript API, HTML element) is supported across different browsers and versions. The primary reference is the MDN Web Docs compatibility tables, which are powered by the browser-compat-data dataset maintained by Mozilla.
Key Compatibility Resources
| Resource | Use Case |
|---|---|
| MDN Web Docs | Detailed compatibility tables per feature |
| Can I Use | Visual compatibility charts for CSS/HTML/JS |
| Browserslist | Define target browsers for build tools |
| Autoprefixer | Auto-add CSS vendor prefixes |
| Babel | Transpile modern JS for older browsers |
| Polyfill.io | Serve polyfills based on user agent |
Browserslist Configuration
Text
# .browserslistrc — used by Autoprefixer, Babel, PostCSS
# Production: cover 95% of users
> 0.5%
last 2 versions
not dead
# Modern browsers only
last 2 Chrome versions
last 2 Firefox versions
last 2 Safari versions
last 2 Edge versions
# Legacy support
> 1%
IE 11