InspectDev
Page Outliner
Parse the current page into a clean, collapsible outline of headings, sections, landmarks, and semantic elements. Jump to any part of the page instantly, or review the structure for accessibility and SEO quality. Spot skipped heading levels and structural gaps.
About Page Outliner
Page Outliner turns any page into a navigable tree of headings, sections, and landmarks. Click any node to jump directly to that element — perfect for accessibility audits and structural reviews.
Features
Navigate and audit page structure in one click.
Heading Tree
See every h1–h6 in a nested tree. Spot skipped levels, missing headings, or structural inconsistencies immediately.
Section Map
Outline of all <section>, <article>, <nav>, and <aside> elements with their ARIA labels. Great for accessibility audits.
Quick Navigation
Click any item in the outline to scroll directly to that element on the page. No more hunting through the DOM.
How to use
- 1
Select Page Outliner from the InspectDev toolbar.
- 2
The tool builds a tree of all headings and landmark elements on the page.
- 3
Expand and collapse branches to explore the document structure.
- 4
Click any node to jump directly to that element on the page.
Try Page Outliner free
Page Outliner is included in the free version of InspectDev. Upgrade to Pro for advanced features like persistent workspaces and team sync.
