FAQ
Frequently Asked Questions
Common questions about onHover — the Chrome extension developer toolkit.
What is onHover?
onHover is a Chrome extension with 14 professional developer tools in one popup. It includes a CSS inspector, color eyedropper, full-page screenshot, API tester, SEO analyzer, responsive tester, tech stack detector, WCAG contrast checker, network throttle, Core Web Vitals monitor, image outliner, assets viewer, code injection, and extract & export. It works on any website with no configuration.
How do I inspect CSS without opening DevTools?
Install onHover and hover over any element on any webpage. The CSS Inspector shows computed styles, the box model, font details, and spacing in a side panel — instantly, without opening DevTools. You can also edit any CSS property live and see changes in real time.
Is there a Chrome extension that lets me edit CSS live on any website?
Yes. onHover's CSS Inspector lets you hover over any element, view its current styles, and edit them live directly in the browser. Changes appear immediately on the page without a reload or DevTools.
How do I test how my site looks on different mobile devices in the browser?
Use onHover's Responsive Tester. Open the extension, choose a device preset (iPhone, iPad, Android, Desktop) or enter a custom width and height, and the page renders at that viewport immediately. Supports rotate and zoom. No need to open DevTools device mode.
How do I check a site's SEO meta tags and heading structure?
onHover's SEO Analyzer shows all meta tags (title, description, canonical URL, robots), Open Graph data, Twitter Card tags, heading hierarchy (H1–H6), internal and external links, and structured data — all on any page with a single click.
What is the best way to download all SVGs and images from a webpage?
Use onHover's Assets Viewer. It lists every image, SVG, video, font, and PDF loaded on the current page. Filter by asset type, preview inline, and bulk-download everything with one click. No DevTools Network tab needed.
How do I inspect fonts and colors on a website without DevTools?
onHover shows font family, size, weight, line-height, and letter-spacing for any hovered element. The Color Eyedropper tool picks any pixel on the page and converts it to HEX, RGB, or HSL instantly.
Is onHover a good alternative to Postman for API testing?
For in-browser API testing, yes. onHover's API Tester lets you send GET, POST, PUT, PATCH, and DELETE requests with custom headers, bearer tokens, and JSON request bodies — directly from the current browser tab. Unlike Postman, it inherits your session cookies automatically so there are no CORS issues with localhost and no need to manually extract auth tokens.
How do I simulate a slow 3G connection to test my website?
Open onHover and go to Network Throttle. Choose Fast 3G, Slow 3G, or Offline. The throttle applies to your current tab immediately via Chrome's debugger API — no DevTools Network conditions panel needed.
How do I check WCAG color contrast in the browser?
Use onHover's WCAG Contrast Checker. Pick any two colors from the page using the eyedropper or enter HEX/RGB values manually. onHover calculates the contrast ratio and shows AA and AAA pass/fail ratings for both normal and large text.
How do I check Core Web Vitals (LCP, CLS, INP, FCP, TTFB) without running Lighthouse?
onHover's Page Insights panel shows all five Core Web Vitals — LCP, FCP, CLS, INP, and TTFB — as a snapshot directly from browser Performance APIs. No separate Lighthouse run or PageSpeed Insights tab needed. You can also enable a floating live badge that persists across page reloads.
How do I find all email addresses on a webpage?
onHover's Extract & Export tool scans the current page for all email addresses, groups them by domain, and lets you export the list as CSV in one click.
How do I inject custom CSS or JavaScript into a website?
Use onHover's Code Injection tool. Write CSS or JavaScript in the built-in editor and it injects immediately into the current page. Enable per-hostname auto-inject so your scripts reload automatically every time you visit that site.
What websites or technologies can onHover detect?
onHover's Tech Stack Detector identifies the CMS (WordPress, Shopify, Webflow, etc.), frontend framework (React, Vue, Next.js, etc.), analytics tools (Google Analytics, Hotjar, etc.), hosting provider, CDN, SSL certificate, and DNS records for any website.
Does onHover work on all websites?
onHover works on any website you visit in Chrome or a Chromium-based browser (Edge, Brave, Arc, etc.). Some tools like the Network Throttle and Console Panel use Chrome's debugger API and require the extension to be active on the tab.
How much does onHover cost?
onHover offers a 7-day free trial with full access and no credit card required. After the trial: Monthly plan is $3.99/month, 6-month plan is $19.99, and Yearly plan is $39.99. Every plan includes all 14 tools. One license covers one device.
Is there a Hoverify alternative with more developer tools?
onHover is a broader developer toolkit than Hoverify. Both include CSS inspection, responsive testing, and color picking. onHover additionally includes an API tester, network throttle, Core Web Vitals monitor, SEO analyzer, tech stack detector, WCAG contrast checker, code injection, extract & export, and an image outliner. A full comparison is available at https://onhover.in/blog/hoverify-vs-onhover.