# CompatLens

> Find cross-browser compatibility risks in the page you are inspecting.

Canonical page: [https://chrome-stats.com/d/compatlens](https://chrome-stats.com/d/compatlens)

## Overview

- **ID:** `compatlens`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Faran Ali
- **Category:** web-development
- **Version:** 1.0.0
- **Last updated:** 2026-08-20
- **First published:** 2026-08-17
- **Size:** 171 KB
- **Data as of:** 2026-09-07
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/compatlens/)
- **Website:** [https://github.com/Faran52/compatlens](https://github.com/Faran52/compatlens)
- **Privacy policy:** [https://addons.mozilla.org/firefox/addon/compatlens/privacy/](https://addons.mozilla.org/firefox/addon/compatlens/privacy/)

## Description

CompatLens is a DevTools panel for Firefox and Chrome that watches the page you're inspecting and flags cross-browser compatibility risks in its HTML and CSS as you browse.

There's no scan button and no reload step. A MutationObserver in the page reports elements as they're added, and the panel keeps finding issues for as long as it stays open, which means it also works on single-page apps, where a route change never fires a full navigation for a one-shot scan to catch.

Every finding is checked against real browser-compat-data and web-features entries: 34 curated checks covering HTML features like <code>&amp;lt;dialog&gt;</code>, <code>inert</code> and <code>popover</code>, and CSS features like <code>@container</code>, <code>@layer</code>, <code>:has()</code>, <code>anchor-name</code>, <code>subgrid</code> and modern color functions. Findings are ranked Breaks or Degrades from the catalog itself, never guessed, and support that's prefixed, flagged, partial or removed is marked unverified instead of silently passing.

A Modernise tab flags legacy vendor-prefixed CSS you can safely replace, only suggesting a replacement once the modern equivalent already passes on every browser you're targeting.

Pick from three targeting presets, or a custom age window, to match your actual audience, and export the full report as Markdown: every finding with its file and line, the browsers it fails on, and its fallback, ready to hand to a coding agent or drop into a PR description.

CompatLens runs entirely inside DevTools. There's no account, no backend and no analytics. Compatibility data is compiled into the extension at build time, and the only network requests are the page's own stylesheet fetches, which you can watch yourself in the Network panel.

## Rankings

- #139,836 — Overall
- #79 — popover

## Safety

- **Risk impact:** Low risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Access to developer tools, typically low risk unless it's used to inspect or manipulate data improperly.
- This extension was recently updated in the past month. New updates may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [A11y Lens](https://chrome-stats.com/d/a11y-lens) — 1 users
- [Incompat](https://chrome-stats.com/d/incompat) — 3 users
- [LocatorLens – Smart Locator Automation](https://chrome-stats.com/d/locatorlens-playwright-tool) — 40 users, 5.00 / 5
- [LumaLens Accessibility Inspector](https://chrome-stats.com/d/lumalens-a11y-inspector)
- [Compat Report](https://chrome-stats.com/d/compat-report) — 368 users, 4.64 / 5
- [BrowserLens](https://chrome-stats.com/d/browserlens) — 9 users
- [FireLens](https://chrome-stats.com/d/firelens) — 7 users
- [Device Compatibility Checker](https://chrome-stats.com/d/device-compatibility-checker) — 1 users
- [AccessibilityCompass](https://chrome-stats.com/d/accessibilitycompass)
- [GridLens for Bootstrap](https://chrome-stats.com/d/gridlens-for-bootstrap) — 1 users
- [Simple WCAG Contrast Checker](https://chrome-stats.com/d/simple-wcag-contrast-checker) — 4 users
- [Accessibility Insights for Web](https://chrome-stats.com/d/accessibility-insights-for-web) — 75 users, 1.00 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/compatlens)