Zero context switching
Everything lives in a compact panel that follows your cursor. Inspect, copy, and debug without ever leaving the page you're working on.
14 developer tools — one extension
The all-in-one
developer toolkit
Inspect, capture, analyze, and debug any website — without ever opening DevTools. One extension. Everything you need.
AM
PS
JK
SL
Used by developers who build the web
0+
Happy Users
0+
Dev Tools
4.9★
Avg Rating
0-day
Free Trial
app.example.com
div.hero-section
margin: 0 · padding: 48px 24px
1200 × 400
Palette
Font
Inter
16px · 400 · 1.5lh
WCAG
AA Pass
7.3:1 ratio
Works on all Chromium browsers
- Chrome
- Edge
- Brave
- Opera
- Arc
- Vivaldi
4.9
Rated on Chrome Web Store
14 tools · one extension
Everything you need,
nothing you don't
No DevTools. No context switching. Hover any card to see it in action.
01
Element Inspector
Hover over any element to inspect its CSS live, view the full box model, explore typography, search the DOM, and export directly to CodePen.
CSS EditBox ModelCodePen
02
Color Eyedropper
Pick any color from any pixel, extract the full page color palette, and check WCAG contrast ratios — all without leaving your current tab.
WCAG ContrastPaletteHEX/RGB
03
Screenshot & Record
Capture the full page, a specific element, or a custom drag-to-select area. Record any Chrome tab as video, then edit screenshots with the built-in image editor.
Full PageVideo RecordEditor
04
SEO Analysis
Audit meta tags, heading structure, link analysis, and semantic HTML quality in one click — instant results without switching tabs.
Meta TagsHeadingsSemantic
05
Responsive Tester
Test any URL across real device viewports instantly. Use quick presets for phones, tablets, and desktops, with zoom and rotation controls built in.
MobileTabletDesktop
06
Site Stack Detection
Detect the hosting provider, CDN, SSL configuration, and full tech stack of any website in under 2 seconds — no DevTools required.
Tech StackCDNSSL/DNS
07
Assets Viewer
Browse, filter, and download every image, SVG, video, PDF, and favicon from any page — including assets loaded from CDNs and shadow DOM.
ImagesSVGFontsDownload
08
Custom Code Injection
Inject custom CSS and JavaScript into any page instantly. Enable auto-inject to persist your code across reloads, scoped per host so each site has its own scripts.
CSS InjectJS InjectPer-host
09
Page Insights
Full Core Web Vitals dashboard: LCP, FCP, CLS, INP, TTFB, resource breakdown, DOM health, JS memory.
LCPFCPCLSINPTTFB
10
Console & Network Panel
DevTools-style panel docked to the page. Capture logs from all iframes and monitor network requests with timing.
Console LogsNetworkiframes
11
Network Throttle
Simulate Fast 3G, Slow 3G, or Offline in one click. Test real-world loading without opening DevTools.
Fast 3GSlow 3GOffline
12
API Tester
Send HTTP requests right from the extension. Supports GET, POST, PUT, DELETE with custom headers, auth, body, and a full response viewer.
RESTAuthHeaderscURL
13
Extract & Export
Find all emails on a page, capture tables as CSV, convert any page to Markdown, HTML, PDF or Word — all in one click.
Email FinderTable CSVMarkdownPDF
14
Image Outliner
Instantly highlight every image, video, canvas, SVG and iframe on the page with a coloured outline — great for layout audits.
ImagesVideosCanvasSVG
Free Chrome Extension
Stop switching tabs. Start inspecting.
14 developer tools — CSS inspector, screenshots, SEO auditor, and more — unified in one panel.
Add to Chrome — Free
No account required
How it works
Get started in 3 steps
From install to inspecting your first page in under 2 minutes.
01
Install Extension
Add onHover to Chrome from the Web Store. One click install, no account needed.
02
Activate License
Enter your email, license key, and name your device inside the extension.
03
Start Building
Every tool is ready. Inspect, capture, and analyze any website instantly.
Why onHover
Built for how developers actually work
onHover eliminates the friction between spotting an issue and fixing it. No more opening DevTools for every small task.
14 tools — one install
Stop juggling separate extensions. CSS inspector, color picker, screenshot tool, SEO auditor, API tester, email finder, responsive tester and more — unified in a single extension.
Works on every site
No allow-listing, no configuration. onHover works instantly on any website — production, localhost, staging, even behind auth walls.
Saves hours every week
Tasks that took 5 minutes in DevTools take 10 seconds in onHover. Our users report saving 30–60 minutes daily on inspection, debugging, and QA.
Built for every workflow
Frontend developer, UX designer, full-stack engineer, or QA tester — onHover has dedicated tools that fit how you actually work.
No page interference
The panel is injected cleanly and doesn't modify your page's DOM or styles. What you see is exactly what your users see.
Comparison
The old way vs onHover
The same tasks, done dramatically faster.
Without onHover
Manual, fragmented, slow
With onHover
Instant, unified, effortless
1
Press F12, find the element in DOM tree
Hover element → instant CSS panel
2
Switch between 4–6 separate extensions
14 tools in one unified panel
3
Open a contrast checker website manually
WCAG check inline in color picker
4
Install a screenshot extension separately
Full-page & element capture built in
5
Google the tech stack of every site
One-click stack detection & SSL audit
6
Throttle network through DevTools network tab
Network throttle toggled in 2 clicks
Context switching, every time
Everything in one panel
Testimonials
Loved by developers
Hear from engineers and designers who use onHover every day.
"onHover replaced 4 separate tools I was using. The element inspector alone saves me 30 minutes every day. Absolutely essential."
AM
Alex M.
Frontend Engineer
Verified user
"The color eyedropper with WCAG contrast check is a game-changer. I can audit accessibility directly in the browser without switching tools."
PS
Priya S.
UI/UX Designer
Verified user
"Stack detection and SEO audit in one click? Sold. I use this on every client site before starting a project. Saves hours of research."
JK
James K.
Full Stack Developer
Verified user
"Screenshot and record feature is perfect for bug reports. Full page capture, video recording — everything my team needs in one place."
SL
Sara L.
Product Manager
Verified user
FAQ
Frequently asked questions
Everything you need to know before getting started.
A license key unlocks onHover Pro on one device. Each key is tied to one browser profile. You can deactivate and reassign it from your dashboard anytime.
Each license covers one device. You can purchase multiple licenses or deactivate and move your license between devices from the dashboard.
The extension stops working after expiry. Your data and license history are preserved. You can renew anytime and pick up where you left off.
Yes — every new account gets a 7-day free trial with full access to all 14 tools. No credit card required.
onHover is a Chrome extension and works on any Chromium-based browser — Chrome, Edge, Brave, Arc, and more.
Yes. We offer refunds within 7 days of purchase if you are not satisfied. See our refund policy for details.
From the blog
Developer insights & tutorials
Practical guides on CSS, debugging, performance, and more.
Extension Guide
One Extension for All: Replace 7 Developer Tools With a Single Chrome Extension
Most developers run 5–7 separate tools for things that should be one workflow. Here is how one Chrome extension covers all of it — and why that actually matters.
SR
Sourabh R.7 min read
Extension Guide
Hoverify vs onHover: Which Developer Chrome Extension Should You Use?
Both Hoverify and onHover put developer tools into a Chrome extension popup. But they solve different problems for different workflows. Here is how they compare.
SR
Sourabh R.8 min read
Developer Tips
Test API Endpoints Directly From Your Browser — No Postman Needed
Switching apps to fire a quick API request breaks your flow. onHover's API Tester lets you send GET, POST, PUT, and DELETE requests — with custom headers, auth, and a full response viewer — without leaving the page.
SR
Sourabh R.6 min read
7-day free trial · No card required
Ready to stop switching tabs?
Every tool you need to inspect, debug, and analyze any website — one extension, one click away.