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, 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
• Get insights into the technologies, hosting, DNS, SSL, and WordPress plugins being used.
• Hosting - Find out where a site is hosted, the IP address, and the hosting provider.
• Technologies - Discover the technologies, frameworks, libraries, and plugins being used on any site.
• DNS - Get insights into the DNS records, nameservers, and the registrar of the domain.
• SSL - Check the SSL certificate, issuer, and expiry date of the site.
• WordPress - Find out if a site is using WordPress, the theme, and the plugins being used.
• Export data in JSON files.

⭐ SEO: Optimize your site for search engines
• Quickly analyze meta tags, links, headers, and HTML elements to improve your site's visibility and search engine compatibility.
• Meta Analyzer - Ensure your meta descriptions, keywords, and robot tags are perfectly tuned for SEO.
• Links - Check all internal and external links for integrity. Detect broken links and redirect issues.
• Headers - Organize your H1s through H6s, improving readability for both users and search engines.
• HTML Semantic Elements - Enhance search engine understanding, ensuring your content is tagged correctly.

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