deftools.io Web & Browser

Browser Feature Detector

Check which web APIs and features your browser supports — Service Workers, WebP, Clipboard, Crypto, WebGL, Container Queries, View Transitions, WebGPU and dozens more, with live support badges

Supported
Missing
Partial

Image formats

Offline & storage

Graphics & media

Device & sensors

Modern web APIs

Modern CSS

Performance & advanced

PWA installability

About this tool

Shows which web platform features your current browser actually supports — image formats (WebP, AVIF, JPEG XL), offline APIs (Service Worker, IndexedDB, Cache), graphics (WebGL, WebGPU, WebRTC), modern CSS (Container Queries, :has(), View Transitions, Cascade Layers, Nesting), and dozens of device and PWA APIs. Each feature is tested live, not looked up from a static table, so the result reflects your exact browser, version, and settings.

Use it when picking which features you can rely on, debugging why a feature works in one browser but not another, or filling out a "works in" row in a bug report. The filter buttons let you hide everything that's supported to focus on the gaps, or hide everything that's missing to see what you have available.

Example: open the page in Safari and you'll likely see WebGPU as ✗ no, Web NFC as ✗ no, and :has() as ✓ yes; in Chrome the same page will show WebGPU as ✓ yes. The green/red left border on each row gives you an at-a-glance picture before you read a single label.

FAQ

How are features actually tested?

Each row runs a real check at runtime — feature-detection via CSS.supports(), constructing a canvas context, attempting to decode a 1×1 image, or checking for the presence of an API on window/navigator. The page never looks up a static support matrix, so the result is exactly what your browser exposes right now.

Why does a feature show as "partial"?

Partial means the API exists but with limitations — for example WebGPU is available but behind a flag in some browsers, or the Clipboard API exists for text but not for arbitrary image data. The detail column next to the badge explains the specific limitation.

Why are some image formats marked as unsupported?

The detector attempts to decode a tiny valid sample of each format. If the browser cannot decode it within 1.5 seconds, the format is marked as not supported. Some formats like HEIC are only supported on specific operating systems (macOS/iOS Safari) and will show as ✗ no elsewhere.

Can I share the results with my team?

Yes. Use "Copy summary" to get a plain-text report with the supported / missing / partial counts, your User-Agent, and a list of every unsupported feature with its limitation note — ready to paste into a Slack message or a GitHub issue.

What is the difference between this and the Screen & Device Info tool?

Screen & Device Info focuses on viewport size, device pixel ratio, orientation, breakpoints, and a short capability snapshot. This tool is a deeper feature-support matrix — it tests dozens of image formats, CSS features, and modern APIs that the other tool does not cover.

Related web & browser tools

Copied!