Browser Variable Helper

by florian.riviere@hotmail.fr · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

A Chrome DevTools extension to inspect DOM elements and highlight potential issues in CSS variables and hardcoded values.

Users

−1 in 30 days

Rating

0.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#206K

#173K among extensions

Version

1.0.1

updated 9 May 2025

Users

monthly, 18 months

Latest, 16 Oct 2026: 9 usersMove the mouse over the chart for any month

Ratings count

monthly, 18 months

Latest, 16 Oct 2026: 0 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Browser Variable Helper

Browser Variable Helper is a Chrome DevTools extension that helps frontend developers audit the CSS of any web page. It highlights: ⚠️ Hardcoded values (e.g. 16px, #fff, 50%) ℹ️ Fallback values in var(--x, fallback) ❌ Undefined CSS variables used via var(--x) Visual indicators are shown directly: In the DOM tree Inside the CSS panel Each issue is color-coded and explained to help you clean up your stylesheets, adopt a token-based design system, or simply debug variables that aren't working as expected. 🔎 How to use Install the extension Open Chrome DevTools (F12) Navigate to the "Browser Variable Helper" tab Click any element to view and inspect its styles 💡 No data is collected or transmitted. All analysis is done locally via DevTools APIs.