Add it from Firefox Add-ons
Open the listing and choose Add to Firefox, then confirm the permissions prompt. It lands in the extensions button at the right of the address bar.
Hoverify is a Firefox extension for web developers: inspect and edit CSS, test responsive layouts, pick colors, pull assets, read a site's stack, capture screenshots and audit a page for SEO and for AI search, all from panels on the page. Every one of them runs in the Firefox build, under the same license as Chrome.
Last updated
Three steps, about a minute. Add it, pin it, then sign in with your license key and all nine tools are live on the next page you open.
Open the listing and choose Add to Firefox, then confirm the permissions prompt. It lands in the extensions button at the right of the address bar.
Click the extensions button to the right of the address bar and pin Hoverify. The popup is where every tool switches on, so it's worth keeping in reach.
The popup asks for your key, the email you bought with and a name for this activation, so your machines are told apart in the Dashboard. No key yet? The popup links to the pricing page.
Firefox 109 or newer. The release that added the extensions button, which is where Hoverify gets pinned.
Shortcuts you choose. Firefox keeps them in the Add-ons Manager rather than at a typeable URL. Mozilla's guide has the path.
Same tools as Chrome. All nine tools ship here, and one license covers Firefox and Chrome together.
The reason to install one add-on rather than nine. Each tool has its own page if you want the detail.
Hover to see an element's HTML and source CSS, then edit or copy it.
Pick any color on a page as HEX, RGB or OKLCH, with a 50 to 950 shade scale.
Every image, SVG, video, PDF and Lottie file a page loads.
Load your page on 34 device presets at once, scrolling together.
Core Web Vitals, meta, headings, images, links and schema.
Score any page for AI search, and see which crawlers you're blocking.
Clear browsing data, inject code, optimize images, audit accessibility.
Full page, viewport, area or element, annotated before you save.
Frameworks, CMS, hosting, DNS and SSL for any domain.
A license activates in 3 browsers at a time and they don't have to be the same browser, which matters here: Chromium is where every feature lands first.
Keep Firefox as your daily browser and put one of your other two activations in Chrome or Brave for the projects that need testing there too.
3 activations per license. Firefox and Chrome at the same time, off the same key. Move one from the Dashboard whenever you need a fourth machine.
Chromium browsers share one build. Chrome, Edge, Brave and Opera install the same build from the Chrome Web Store, with the same nine tools as Firefox.
Reviews from the Chrome Web Store.

love this extension, latest update had a minor bug but was fixed very quickly by dev. Has been super reliable for us at nearly a daily use.

I use Hoverify every day. It helps me inspect elements, check styles, test responsive layouts, grab colors and assets, identify tech stacks, and take screenshots without constantly opening DevTools. I also appreciate the developer's responsiveness and focus on quality. The tools feel polished, useful, and reliable. Hoverify saves me time, keeps my toolbar cleaner, and keeps getting better. Easy five stars.
Have a question we haven't answered? Get in touch.
Inspect an element, check it across devices, pull the assets and export the audit without leaving the tab you're working in. Buy a key, install from Firefox Add-ons and sign in.
Guides from our blog that go deeper on this.
Full-page capture, scrolling screenshots and annotation editors, tested and compared.
The design side of the toolbar: colors, fonts, assets and responsive checks.
Three ways to do it, including the computed-styles trap that makes the copied rules useless.
A routine for finding the breakpoint that broke without opening six windows.