Hoverify: All-in-one extension for web developers

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, Dynamic Island, notches, punch-hole cameras, and gesture or button navigation, so you see what your visitors see. • Device emulation - Pages see the real device, not just a narrow window: user agent, platform, screen size, orientation, touch support, and coarse-pointer and hover media queries all match the 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 per device. • Change user-agent. • Screenshot one device or every device at once, 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, SVGs, PDFs, Lottie animations, and favicons 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, ASN, IP range, and ISP, plus the location down to the city, region, and local time. • DNS - View DNS records, nameservers, and domain registrar information, with readable TTLs on every record. • SSL - Verify the SSL certificate, issuing authority, validity period, TLS version, and key details. • WordPress - Detect WordPress sites automa…