Hoverify: All-in-one extension for web developers 作者： Hoverify

Supercharge your web development workflow with an all-in-one browser extension that helps you inspect, edit, test, debug, and optimize websites faster.

⭐ 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.
• Edit HTML, styles, media queries, and animations in real-time.
• The code is syntax-highlighted for better reading and editing.
• Copy or export the whole component with children to CodePen.
• Edit Copy - Check how different copy looks on your page by editing the element's content in real-time.
• Hide or Remove Elements - Debug page structure by hiding or removing elements.
• Color Palette - Get every color from the page.
• Font Viewer - Know what fonts each tag is using.
• 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.

⭐ 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.

⭐ 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 modern devices with frames, frame styles, and OS.
• Add new custom device profiles to fit your needs.
• Test sites on viewports bigger than your display.
• Change user-agent.

⭐ 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.
• Filter and sort assets by type, size, and format. Find what you need quickly.
• Zip and save all assets in one click. No more manual downloading.

⭐ 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 address, location, and infrastructure details.
• DNS – View DNS records, nameservers, and domain registrar information at a glance.
• SSL – Verify the SSL certificate, issuing authority, validity period, TLS version, and key details.
• WordPress – Detect WordPress sites automatically and reveal the active theme, installed plugins, and ratings.
• Export – Download the full tech stack as a JSON file or generate a professionally designed PDF report. Choose exactly which sections to include, perfect for client handoffs and site audits.

⭐ SEO: Optimize your site for search engines
Run a complete SEO audit on any page, right from your browser.
• Insights – Get Core Web Vitals scores and performance metrics powered by real user data from Google's API.
• Meta Tags – Audit your title, description, Open Graph, and Twitter Card tags with character count validation and social preview checks.
• Headers – Visualize your H1 through H6 hierarchy. Spot duplicate headings, missing H1s, and structural issues that hurt readability and rankings.
• Images – Find oversized images, compare original vs rendered dimensions, and catch missing alt text that hurts accessibility and SEO.
• Links – Scan all internal and external links on a page. Filter by type, detect broken URLs with one-click status checks, and audit anchor text.
• Schema – Detect existing structured data (JSON-LD, Microdata, RDFa) with validation, or generate new schema markup from ready-to-use templates.

⭐ Capture: Take stunning screenshots of any website
• Showcase the full webpage or just any part of it with our screenshot tools. Save screenshots in JPEG, PNG, WEBP, or PDF format.
• Visible Part - Capture the visible part of the viewport of the page in high resolution.
• Full Page - Capture the full page and showcase the entire page in one image.
• Select Area - Click and drag to select any area of the page to capture.
• Select Element - Capture any component on the page by clicking on it.
• Screenshot Editor - Add backgrounds, effects, branding, and annotations. Show your screenshots in style.

⭐ Debug: Optimize and debug your site with ease
• Clear Browsing Data - Instantly remove browsing history, cache, cookies, local storage, and more.
• Custom Code - Inject HTML, CSS, and JavaScript to tailor websites in real-time and make changes persistent.
• Optimize Images - Improve loading times by optimizing images on your landing page.

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

💡 Bug Report and Suggestions
To report a bug or for a feature request, you can send an e-mail to tryhoverify@gmail.com.