Item logo image for Page & IFrame Analyzer

Page & IFrame Analyzer

5.0(

6 ratings

)
Item media 4 (screenshot) for Page & IFrame Analyzer
Item media 1 (screenshot) for Page & IFrame Analyzer
Item media 2 (screenshot) for Page & IFrame Analyzer
Item media 3 (screenshot) for Page & IFrame Analyzer
Item media 4 (screenshot) for Page & IFrame Analyzer
Item media 1 (screenshot) for Page & IFrame Analyzer
Item media 1 (screenshot) for Page & IFrame Analyzer
Item media 2 (screenshot) for Page & IFrame Analyzer
Item media 3 (screenshot) for Page & IFrame Analyzer
Item media 4 (screenshot) for Page & IFrame Analyzer

Overview

Validate W3C HTML/CSS, test WCAG Accessibility, and check Responsive Design on web pages and any nested iframe.

Page & IFrame Analyzer is a comprehensive developer tool designed to validate HTML, CSS, Accessibility (WCAG), and Responsive Design for both top-level web pages and deeply nested iframes. While standard web validators only scan the main URL, this extension allows you to isolate and test specific iframes, third-party widgets, or dynamic components. It extracts the currently rendered DOM, providing accurate validation for modern, JavaScript-heavy web applications. Designed for Front-End Developers, QA Engineers, and UI/UX Specialists. KEY FEATURES IFrame Tree & Highlighter • Instantly scans the page and builds a visual tree of all nested frames. • Displays iframe attributes (ID, name, URL). • Visually highlights the selected iframe directly on the page using a DevTools-style box model overlay (showing content, padding, border, and margin areas). HTML & CSS Validation • Extracts the active, dynamically generated DOM. • Gathers inline styles and fetches external stylesheets (resolving cross-origin resources natively via background processes). • Forwards the compiled code to the public W3C Validation Services in a new tab. Accessibility (WCAG) Testing • Runs deep local accessibility checks powered by the open-source axe-core engine. • Performs custom ARIA validation (detects focusable elements with aria-hidden, empty aria-labels, interactive roles missing tabindex, etc.). • Calculates an overall Accessibility Score (0-100). Responsive & Mobile Testing • Emulates a mobile viewport internally to test responsive behaviors. • Detects horizontal overflows and layout-breaking structural containers. • Flags unreadable text (font-size < 11px) and unresponsive tables. • Checks for critical touch targets (flags unusable buttons < 24px and sub-optimal links < 44px). • Calculates a Responsive Score (0-100). Detailed Reporting • View top issues directly within the extension popup. • Click "Copy Report" to generate a neatly formatted text report containing all violations, affected HTML snippets, CSS selectors, and fixing suggestions. Privacy & Transparency This extension runs entirely locally in your browser. It does not track your browsing history, does not collect personal data, and only inspects the active tab upon explicit user interaction. Disclaimer This extension is an independent developer tool. It is not affiliated with, endorsed by, or sponsored by the W3C (World Wide Web Consortium). It acts as a convenient bridge to compile local markup and send it to their public validation services.

Details

  • Version
    1.4
  • Updated
    February 21, 2026
  • Offered by
    Rocco Caruso
  • Size
    206KiB
  • Languages
    English
  • Developer
    Email
    rocco@caruso.link
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

HTML Viewer

4.7

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

HalfAccessible - Accessibility Toolkit

5.0

Accessibility Testing Toolkit, Target Size Checker, Text Spacing, Automated Accessibility & Color Issues, HTML Code Copier

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Web Inspector

4.6

Use Web Inspector tool as a CSS viewer and website inspector for any page. It is a browser plugin for google chrome inspect element.

HTML Validator

4.0

Employ an HTML Validator online to swiftly validate HTML code. Leverage our syntax check verifier as an effective HTML error checker

Fast Schema Markup Checker - By Vryse SEO

4.2

Analyze and check on-page schemas and structured data of a webpage. Ideal for developers and SEOs

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

iFrame Finder - 提取网页中的所有iframe元素

5.0

快速提取并查看当前页面上的所有iframe元素,包括源URL、路径和嵌套结构。

Inspect Element

4.9

Use Inspect element – a CSS viewer with Chrome inspect element shortcut. Learn how to inspect element easily using this simple tool!

W3C Markup Validation Service for CSR pages

5.0

W3C Validator for client side rendering pages

axe DevTools - Web Accessibility Testing

3.9

Accessibility Checker for Developers, Testers, and Designers in Chrome

Accessibility Checker by WebYes

5.0

Accessibility Checker for developers and testers to identify WCAG issues directly in Chrome for improved accessibility compliance.

HTML Viewer

4.7

Use HTML Viewer to view HTML with an online page-code preview and CSS inspector for website markup analysis

HalfAccessible - Accessibility Toolkit

5.0

Accessibility Testing Toolkit, Target Size Checker, Text Spacing, Automated Accessibility & Color Issues, HTML Code Copier

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Web Inspector

4.6

Use Web Inspector tool as a CSS viewer and website inspector for any page. It is a browser plugin for google chrome inspect element.

HTML Validator

4.0

Employ an HTML Validator online to swiftly validate HTML code. Leverage our syntax check verifier as an effective HTML error checker

Fast Schema Markup Checker - By Vryse SEO

4.2

Analyze and check on-page schemas and structured data of a webpage. Ideal for developers and SEOs

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

iFrame Finder - 提取网页中的所有iframe元素

5.0

快速提取并查看当前页面上的所有iframe元素,包括源URL、路径和嵌套结构。

Google apps