cepgdfoadopmkibelakenekijpbbcnlf
Helps you analyze an HTML page by disabling or enabling various features. Tools for disabling CSS: - Disable external CSS (added using 'link' tag): - Disable inline CSS (added via 'style' attribute) - Disable internal CSS (added via 'style' tag) - Disable external print CSS (added using 'link' tag) - Disable internal print CSS (added via 'style' tag) - Disable internal handheld CSS (added via 'style' tag) - Disable external handheld CSS (added via 'style' tag) Tools for hiding images: - Hide all images. - Hide background images. - Make background images invisible. Image utilities: - Display image alt attribute. - Display image dimension. - Display image path. - Make all images full size or natural size. - Make all images invisible. - Replace image with alt attribute. Outline images: - Images with adjusted dimensions. - Images with empty alt attributes. - Images with oversized dimensions. - Images without alt attributes. - Images without dimensions. Miscellaneous tools - Linearize page. - Display hidden elements. - Mark all links as visited. - Mark all links as un-visited. - View source code. Tools for reloading assets, such as: - reload external CSS. - images etc. Supported elements: This software supports iframe elements and shadow dom as well. Nested shadow elements and nested iframe elements are not fully supported by this tool. This tool also does not support shadow root opened with the closed mode. Privacy notice: This software neither collects nor transmits any personally identifiable information. This software does not track your browsing behaviour. Information necessary for functioning of this software is stored on the devices of the end user, our servers do not have access to this information. For more information please read our privacy policy and terms of service.
Design Mode - Page's Rich Text Editor
Edit any page's content by switching to design mode, where you can modify the content and drag images around like a Word Editor This extension modifies the current page's attributes to act like a content edible document (Similar to MS Word, or Open Office). This allows the user to: 1. Edit the page content 2. Drag and drop assets 3. Remove elements that cause chaos on the page 4. Insert , , , and heading elements. 5. Convert font styling to bold or italic. 6. Add a link to the selected text. 7. Insert bulleted and numbered lists. 8. Increase and decrease indentation. 9. Insert an image. 10. Convert selected text to a blockquote. 11. Turn spellcheck on and off. 12. Remove formatting. With this extension, you can edit the entire document and when it is ready, toggle back to the read-only mode (normal operation mode). The modified document can be printed or saved like any page. Usage Instruction: 1. To enable the extension, press the toolbar button once. When the document is editable, the toolbar button is blue, and you will get a desktop notification 2. To switch back to the normal mode, press the toolbar button one more time. In the normal mode, the toolbar color is gray. Notes: 1. You can save the modified document in HTML or MHTML or print it. To save in MHTML you will need to install an extension. 2. To change the formatting of a text into bold, select the desired section, and press Ctrl + B or Command + B. For italics, press Ctrl + I or Command + I. Alternatively, the extension inserts a helper toolbar so that you can access the rich text editing tools from a floating panel.
Outliner CSS
A totally awesome structure and layout debugger that inserts CSS outlines to all elements. Outliner CSS: Your Perfect Debugging Tool Key Features: - Apply outlines to all elements for clear visual structure - Add background depth to enhance element visibility - Save preferences per tab for a seamless, customized experience
Hoverify: All-in-one extension for web developers
All-in-one browser extension that helps you inspect, edit, test, debug, capture, 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. • 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. • 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. • 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. ⭐ 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. Includes iPhone 16, iPhone 15, Nothing Phone, Pixel 7 Pro, and more. • Switch between device frame styles and colors to match real-world hardware. • 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. ⭐ 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. • Filter and sort assets by type, size, and format. Find what you need quickly. • Select all or pick individual assets, then zip and save in one click. ⭐ Library: Save assets directly to the cloud • Save any extracted asset to your connected cloud storage without leaving the browser. • 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 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 with real user data from Chrome UX Report and lab performance scores from Google's PageSpeed API, all in one view. • 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. • Export - Generate a professionally designed PDF report. ⭐ 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 - A full editing suite for your screenshots. Add gradient backgrounds, annotations, branding (your logo and text), and crop with precision. Zoom, pan, paste images from clipboard, snap annotations into place, and export in any format. Turn raw screenshots into polished visuals ready for portfolios, docs, or social media. ⭐ 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.
Inspect CSS
The easiest way to inspect and edit CSS Features: 🔎 Get CSS Properties from any element by selecting it ✏️ Get and edit element attributes 📷 Download website assets ⌨️ Add your custom CSS to the website 🎨 Get the color palette of the website 🧭 DOM Navigation 🎯 Color picker
