Home › Developer Tools › Browser Compatibility Checker

Browser Compatibility Checker

Look up any web platform feature, from CSS Grid and :has() to fetch, dialog or WebP, and see at a glance which browser versions support it, which need a prefix or a flag, and what share of users worldwide can use it today. Data comes from the open Can I use database.

Last updated:

Loading the Can I use database…
    Advertisement
    Advertisement

    How to use the Browser Compatibility Checker

    1. Type a feature such as grid, flexbox gap, :has, fetch, dialog, avif or service worker.
    2. Narrow the type with the CSS, JavaScript and APIs, HTML or SVG filters if you get many matches.
    3. Click a feature in the list (or press Check support to open the best match).
    4. Read the summary: the first supported version per browser, global support and what your own browser does.
    5. Check the notes for partial support and known issues, then copy the summary or share the page link.

    Reading the support table

    MarkerMeaningWhat to do
    Supported (green)Works in that version range without changesUse it normally
    Partial (amber)Incomplete or older implementationRead the numbered note; test the parts you rely on
    Not supported (red)The feature is missingProvide a fallback or a polyfill
    Prefix needed (orange underline)Only works with -webkit-, -moz- or similarAdd the prefixed version, or use a tool such as Autoprefixer
    Behind a flag (striped)Disabled by default, experimentalTreat as unsupported for real visitors
    Current / FutureOutlined is today's release; dashed are upcoming versionsPlan ahead for features landing soon

    Using new features safely

    • Progressive enhancement. Build a working baseline first, then add the new feature for browsers that support it.
    • CSS feature queries. Wrap new CSS in @supports (display: grid) { … } so older browsers simply skip it.
    • JavaScript feature detection. Check before you call: if ('IntersectionObserver' in window) { … } instead of sniffing the user agent.
    • Know your audience. Global support is an average; your analytics may show more older iPhones or corporate browsers than the world average.
    • Test on real devices. Support tables tell you what is implemented, not every bug; Safari on iOS in particular is worth checking on a phone.

    Frequently asked questions

    Where does the support data come from?

    From Can I use (caniuse.com), the open compatibility database maintained by Alexis Deveria and contributors under the CC BY 4.0 license. The tool downloads the published database file from a public CDN and searches it in your browser. Global usage percentages are estimates based on StatCounter browser statistics.

    What does partial support mean?

    Partial support means the browser implements only part of the feature, an older version of the specification, or has significant limitations. The numbered notes below the table explain exactly what is missing for each browser version.

    What do the prefix and flag markers mean?

    A prefix marker means the feature only works with a vendor prefix such as -webkit- or -moz- in that version. A flag marker means it is implemented but disabled by default and must be switched on in the browser's experimental settings, so normal visitors cannot use it.

    How is the global support percentage calculated?

    It adds up the estimated share of all web users whose browser version fully supports the feature, plus the share with partial support. A feature at 95% or more is usually safe to use with a simple fallback for the rest.

    Why are mobile browsers shown with only one version?

    Can I use tracks only the current release for some mobile browsers, such as Chrome and Firefox for Android, because they update automatically and older versions have very little usage.

    Is this the same as the browser feature checker?

    No. The Browser Feature Checker tests what your own browser can do right now. This compatibility checker shows support across all major browsers and versions, which is what you need when deciding whether a feature is safe to use on a website.

    How current is the data?

    The page loads a specific published version of the Can I use database, and its update date is shown under the table. New browser releases appear after the database is updated, so check caniuse.com for features that changed in the last few weeks.

    Are all the tools on FreeToolCabin tested for quality and accuracy?

    Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.

    Related tools

    Browser Feature CheckerTest which Web APIs, CSS features and JavaScript syntax your browser supports.What Is My BrowserSee your browser, version, OS, engine, screen and which web features it supports.CSS Media Query GeneratorBuild @media rules for widths, orientation, dark mode and hover, or get framework breakpoints.User Agent ParserSee your user agent and parse any UA string into browser, OS, engine and device.JSON FormatterBeautify, minify and validate JSON, with a collapsible tree view.SQL Formatter & BeautifierFormat, beautify or minify SQL queries for MySQL, PostgreSQL and more.JavaScript BeautifierFormat and beautify messy or minified JavaScript, or minify it.HTML FormatterBeautify and indent HTML code with a live preview.CSS FormatterBeautify CSS with indent controls and optional property sorting.XML FormatterBeautify, validate and minify XML with a collapsible tree view.ZIP File CreatorCompress files and folders into a ZIP.YAML Validator & FormatterValidate, format and minify YAML, and convert YAML to JSON or back.HTML MinifierMinify HTML: strip comments and whitespace safely and see how many bytes you save.CSS MinifierMinify CSS with csso or a built-in engine and see the size saved instantly.JavaScript MinifierMinify JavaScript with Terser: compress, mangle and see how many bytes you save.JSON MinifierMinify and validate JSON, sort keys and see exactly how many bytes you save.Code Diff CheckerCompare two code files side by side or unified, with syntax colors and changes highlighted.IPv6 Expander & CompressorExpand IPv6 addresses to full form or compress them per RFC 5952, one or many at once.GraphQL FormatterPretty-print and indent GraphQL queries, mutations and schemas, or minify them, instantly.CSS ValidatorValidate CSS: syntax errors, unknown properties and invalid values by line, plus auto-fix.Gzip Compress / DecompressGzip or deflate text and files, get Base64 output, and decompress Base64 or .gz files.IBAN ValidatorCheck an IBAN's mod-97 checksum, country and length, and see its bank code and account parts.JavaScript Syntax CheckerCheck JavaScript for syntax errors with line and column, for any ES version, script or module.JSON Schema ValidatorValidate JSON against a JSON Schema (draft-07, 2019-09, 2020-12) with clickable error paths.Markdown FormatterBeautify Markdown with Prettier: list markers, prose wrap, aligned tables and live preview.PHP FormatterBeautify PHP code with Prettier PHP: PSR-12 style, indent and brace options, syntax errors.TypeScript FormatterFormat TypeScript and TSX code with Prettier: width, tabs, semicolons and quotes options.XML MinifierMinify and validate XML: strip whitespace and comments, keep CDATA, see the size savings.C# FormatterBeautify C# code online: Allman or K&R braces, indent size and line width, clang-format option.HTML ValidatorCheck HTML for errors and warnings with line numbers, locally or with the W3C Nu checker.Java FormatterBeautify Java code online: indent size, brace style and line width, with clang-format option.JavaScript ObfuscatorObfuscate JavaScript with string encoding, renaming and control-flow flattening presets.Phone Number FormatterFormat and validate lists of phone numbers to E.164, international or national style.Python FormatterFormat Python code in Black/Ruff style: line length, quote style, indent, copy or download.Responsive Design CheckerPreview any website at phone, tablet, laptop and desktop sizes side by side, with rotate and zoom.Core Web Vitals CheckerCheck real-user LCP, INP and CLS for any URL or site and see if it passes Core Web Vitals.Heading Structure CheckerPaste HTML to see its H1-H6 outline and catch missing H1s, multiple H1s and skipped levels.Website Hosting CheckerFind out who hosts a website: hosting provider, IP addresses, ASN, network owner and location.Luhn Algorithm CheckerValidate numbers with the Luhn mod 10 check or calculate the missing check digit, step by step.XSD ValidatorValidate XML against an XSD schema in your browser and see each error with its line number.Strftime Format BuilderBuild Python and C strftime format strings by clicking tokens, with a live preview and reference.Routing Number ValidatorCheck a US ABA routing number's checksum and format and see its Federal Reserve district.Spam Word CheckerScan an email subject and body for spam trigger words, excess caps, exclamation marks and risky links.Check Digit CalculatorCalculate or validate check digits for UPC, EAN, GTIN, SSCC, ISBN, ISSN and mod 11 codes.
    See all 41 Code Formatters & Validators →