Hoverify: All-in-one extension for web developers EN

Please note: This is a paid extension, you can buy it from https://tryhoverify.com

⭐ Inspector: Hover to Inspect, Click to Edit
• Inspect any site by hovering over the element.
• Don't miss any styles. Inspect pseudo-elements and classes.
• Inspect and edit styles for all screen sizes and animations in real time.
• Style elements visually with our powerful visual editor in real time.
• Move, scale, and rotate elements, tweak flex and grid layouts, and build gradient backgrounds from the visual editor.
• Edit HTML, styles, media queries, and animations in real-time.
• View source CSS from different selectors in the code tab.
• The code is syntax-highlighted for better reading and editing.
• Copy or export the whole component with children to CodePen, or save it as an HTML file.
• Copy the full CSS, or copy only the changes you made.
• Reset your edits back to the original styles whenever you want.
• Edit Copy - Check how different copy looks on your page by editing the element's content in real-time.
• Download images and videos straight from the element you're inspecting, with file size and dimensions shown.
• Hide or Remove Elements - Debug page structure by hiding or removing elements.
• Accessibility - Inspect any element's role, accessible name, contrast, states, and ARIA attributes as you hover. See the accessibility issues for that element and get suggested contrast fixes.
• Color Palette - Get every color from the page.
• Font Viewer - Know what fonts each tag is using, and where they load from.
• Search - Find the element through tag name, id, or classes. Even with CSS selectors!
• CSS Box - Visually inspect the padding, margin, border, and size of the element.
• Grids - Outline every element on the page to see how it's built.
• Guidelines - Ruler guides that line up with the element you're looking at.
• Keyboard Shortcuts - Fully customizable shortcuts so you can work without lifting your hands off the keyboard.

⭐ Color Eyedropper: Spot, Point, and Select Colors
• Pick colors from anywhere on the page, even from images and iframes.
• Get RGB, OKLCH, CMYK, HSL, and hex values.
• Zoom in with a magnifier so you pick the exact pixel you mean.
• Generate a Tailwind style full shade range from any color you pick, from 50 all the way to 950.
• Keep a history of the colors you've picked recently.
• Save any color to your library.

⭐ Responsive Viewer: Preview on Multiple Devices
• Test your websites on multiple devices under multiple conditions in parallel.
• Click or scroll on one device and other devices will follow.
• Simulate this year's phones and tablets, from flagships to popular budget models, with a device list that stays current.
• Foldables - Preview foldable phones and switch between their folded and unfolded screens.
• Realistic device frames in real hardware colors, drawn to the exact screen geometry of each device.
• Real OS chrome - iOS 26 Safari and Android Chrome status bars, browser bars, and camera cutouts, so you see what your visitors see.
• Device emulation - Pages see more than a narrow window. Each device reports its own screen size and orientation, and every device reports the user agent and platform you pick. In Chromium-based browsers, a phone or tablet user agent also makes touch support and the hover and pointer checks in page scripts match a touch device.
• Touch emulation - Your mouse becomes a finger. Taps fire touch events and dragging scrolls the page the way it does on a phone, including inside web components. Available in Chromium-based browsers.
• Tailwind breakpoint presets - Check sm, md, lg, xl, and 2xl at a glance.
• Works on any site - can be injected directly into the page for full compatibility.
• Add new custom device profiles to fit your needs.
• Test sites on viewports bigger than your display.
• Toggle horizontal and vertical scrollbars across the board.
• Change user-agent.
• Screenshot any device on the board, either the visible viewport or the full page. Screenshots keep the device emulation, so mobile layouts come out right.
• Annotate device screenshots right in the results with the quick annotation tools.
• Save shots as PNG, JPEG, or WebP, copy to clipboard, or download them all as a zip.
• Open any device screenshot in the built-in editor.
• Use single-viewport mode and drag the edges to resize to any width and height.
• Zoom the whole board in and out, and navigate with back, forward, refresh, or a typed URL.

⭐ Assets: Extract all the assets in one place
• Extract images, videos, and other files from the page.
• Extract assets from iframes and hidden elements. No valuable content is overlooked.
• Preview video thumbnails directly in the images tab.
• Play videos and Lottie animations right in the panel before you save them.
• Filter and sort assets by type, size, and format. Find what you need quickly.
• Include or skip srcset image variants.
• Copy an asset's URL or filename in one click.
• Download a single asset, or select all and pick individual assets, then zip and save in one click.

⭐ Library: Save assets directly to the cloud
• Connect Google Drive and save any extracted asset there without leaving the browser.
• Organize saved assets into projects you can rename or delete.
• Save colors from the eyedropper too, not just assets.
• Access your saved assets anytime from your library.

⭐ Site Stack: Discover the tech stack behind any website
• Uncover what's powering any site from frameworks and hosting to DNS and SSL, all in one place.
• Technologies - Detect frameworks, libraries, CMS platforms, analytics tools, and plugins with confidence scoring and version detection.
• Hosting - Identify the hosting provider, server IP, and ISP, plus the server's location.
• DNS - View DNS records, nameservers, and domain registrar information, with readable TTLs…