Web Developer extension
ExtensionA toolbar for Chrome, Firefox, Edge and Opera that can switch off styles, outline elements and show computed CSS.
A browser extension by Chris Pederick that adds a toolbar of web developer tools. It is available for Chrome, Edge and Firefox (version 3.0.1, June 2024) and Opera (version 0.2.2, February 2017).
Its features page names tools such as Edit CSS, Display Element Information and Display Image File Sizes. The extension is free, and the source is on GitHub under GPL-3.0.
Good for
- Edit a page's CSS live from a toolbar
- Show element information as you hover
- Check image file sizes on a page
More extensions
See all →Firefox Page Inspector
ExtensionFirefox's built-in inspector, known for its grid and subgrid overlays and its notes on why a CSS rule has no effect.- Price
- Free
- Made by
- Mozilla
- Kind
- Extension
Chrome DevTools
ExtensionThe built-in inspector for editing styles live, with editors for grid, flexbox, colours, shadows, easing and container queries.- Price
- Free
- Made by
- Kind
- Extension
