# onHover — Developer Toolkit

> 25+ dev tools in one click: inspect elements, pick colors, screenshots, API tester, SEO analyzer, fonts & more — no DevTools needed.

Canonical page: [https://chrome-stats.com/d/onhover-developer-toolkit](https://chrome-stats.com/d/onhover-developer-toolkit)

## Overview

- **ID:** `onhover-developer-toolkit`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** onHover
- **Category:** web-development,privacy-security,appearance
- **Daily users:** 2
- **Version:** 1.0.3
- **Last updated:** 2026-08-22
- **First published:** 2026-06-12
- **Size:** 3.12 MB
- **Data as of:** 2026-09-05
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/onhover-developer-toolkit/)
- **Website:** [https://onhover.in/contact](https://onhover.in/contact)
- **Privacy policy:** [https://addons.mozilla.org/firefox/addon/onhover-developer-toolkit/privacy/](https://addons.mozilla.org/firefox/addon/onhover-developer-toolkit/privacy/)

## Description

Stop switching tabs. Stop opening DevTools. Everything you need to inspect, debug, and analyze any webpage is one click away.

onHover is a developer toolkit that runs directly on any page — no DevTools, no context switching.

━━━ ELEMENT INSPECTOR ━━━
• Hover over any element to see computed styles, dimensions, and box model
• Click to pin a detail panel — drag it anywhere on screen
• Inspect elements inside iframes
• Edit styles and text live on the page
• Hide or remove elements without touching the source
• Check WCAG contrast ratio and accessibility attributes
• Export the inspected element directly to CodePen

━━━ COLOR TOOLS ━━━
• Eyedropper — pick any pixel color in HEX, RGB, or HSL
• Color Palette extractor — pull every color used on the current page
• One-click copy to clipboard

━━━ SCREENSHOTS &amp; RECORDING ━━━
• Full-page screenshots (stitches content beyond the visible viewport)
• Capture a specific element or draw a custom area
• Record the active tab as video (with optional mic audio)
• Save screenshots and recordings directly to your device

━━━ SEO &amp; META TOOLS ━━━
• Inspect all meta tags, Open Graph, and Twitter Card data
• Preview how the page looks in Google, Twitter, and LinkedIn
• Audit heading hierarchy (H1–H6)
• Scan all links and flag broken or redirected URLs
• Analyse semantic elements and structured data

━━━ PERFORMANCE &amp; INSIGHTS ━━━
• Live Core Web Vitals badge (FCP, LCP, CLS, TTFB) on every page
• Full page insights: load time, resource breakdown, render-blocking assets
• Simulate network conditions: Fast 3G, Slow 3G, Offline

━━━ DEVELOPER DEBUGGING ━━━
• Console panel with network request log — no DevTools needed
• API Tester: send GET, POST, PUT, DELETE requests right from the extension
• Custom Code Injector: inject persistent CSS/JS into any site
• Clear browsing data (cache, cookies, localStorage) for any time range
• DOM Tree viewer for quick structure inspection
• Redirect Path tracer — follow every hop of a redirect chain

━━━ FORMATTERS ━━━
• Sitemap Formatter: opens any XML sitemap as a clean table with URLs, last-modified dates, and priority scores — instead of raw XML
• JSON Formatter: automatically beautifies JSON responses in the browser with syntax highlighting, collapsible nodes, and one-click copy

━━━ FONTS &amp; ASSETS ━━━
• Font Inspector: detect every font on the page with computed styles
• Assets Viewer: browse, preview, and download all images, videos, SVGs, and PDFs

━━━ DATA EXTRACTION ━━━
• Table Capture: export any HTML table to CSV
• Email Finder: extract all email addresses from a page
• Webpage to Markdown: convert any page to clean Markdown

━━━ PRODUCTIVITY ━━━
• Cookie Editor: view, add, edit, and delete cookies
• Open Multiple URLs at once
• Site Stack: detect the tech stack, CMS, and frameworks a site uses
• Built-in todo list that persists across sessions

━━━ NO DEVTOOLS REQUIRED ━━━
Everything runs inside the extension popup or directly on the page — no DevTools panel, no terminal, no extra apps.

Works on all websites including localhost, staging environments, and sites behind authentication.

## Rankings

- #63,793 — Overall
- #65 — developer tools
- #72 — eyedropper
- #86 — developer
- #168 — hover

## Permissions and access

### Permissions

- `storage`
- `unlimitedStorage`
- `activeTab`
- `tabs`
- `scripting`
- `clipboardWrite`
- `cookies`
- `browsingData`
- `tabCapture`
- `offscreen`
- `downloads`
- `debugger`

### Host permissions

- `<all_urls>`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Very high risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Allows for debugging of other web apps and extensions, which can intersect with sensitive information and security boundaries.
- This extension was recently updated in the past month. New updates may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Hoverify: All-in-one extension for web developers](https://chrome-stats.com/d/hoverify) — 488 users, 3.68 / 5
- [Gripper - DevTools for Designers](https://chrome-stats.com/d/gripper-devtools-for-designers) — 3 users
- [ColorSpy](https://chrome-stats.com/d/colorspy) — 5 users, 5.00 / 5
- [On-Hover Color Previewer](https://chrome-stats.com/d/on-hover-color-previewer)
- [CSS Inspector — Hover to Copy CSS](https://chrome-stats.com/d/css-inspector-hover-to-copy-cs) — 2 users
- [CSS Inspector — Hover to Copy CSS](https://chrome-stats.com/d/css-inspector-hover-to-copy1)
- [SuperDev Pro](https://chrome-stats.com/d/superdevpro) — 46 users, 5.00 / 5
- [Specter — design inspector](https://chrome-stats.com/d/specter-design-inspector)
- [Website Inspector](https://chrome-stats.com/d/website-inspector) — 6 users
- [MiroMiro](https://chrome-stats.com/d/miromiro) — 15 users
- [DevSpace - Developer Toolkit](https://chrome-stats.com/d/devspace-developer-toolkit)
- [Font & Color Inspector](https://chrome-stats.com/d/font-color-inspector) — 3 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/onhover-developer-toolkit)
