Semantiscope

Name: Semantiscope
Author: Patrick Verhaert

Visualizes the H1-H6 structure and their semantic parents.

As of June 2026, Semantiscope has 19 users in the Developer Tools category.

Patrick Verhaert Developer Tools

Chrome Web Store ↗.crx

Users+35.7%

Rating0%

—

— reviews

Reviews0%

—

Version

0.1.2

Manifest V3

History

4 snapshots

Tracking since Apr 18, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 18, 2026	14	—	—	0.1.2
Apr 28, 2026	14	—	—	0.1.2
May 8, 2026	13	—	—	0.1.2
Jun 3, 2026	17	—	—	0.1.2
Now	19	—	—	0.1.2

Permissions & access

Permissions: activeTabscripting
Host access: None declared

Screenshots

About

Semantiscope builds an interactive outline of the current page's headings and highlights their nearest semantic parent elements (for example main, section, nav, header, footer, article, aside, or div). 

It helps auditors, developers, and content editors quickly identify missing heading levels, nested structure issues, and navigate to headings.

FEATURES:
• Builds a hierarchical outline of H1–H6 headings found on the current page.  
• Shows the semantic parent tag for each heading (e.g. <main>, <section>, <nav>, <header>, <footer>, <article>, <aside> or div/other).  
• Detects and inserts placeholder nodes for missing heading levels (e.g. when an H2 directly follows an H4).  
• Toggle collapse/expand of heading subtrees.  

USAGE:
1. Open a page with headings (any web page).  
2. Click the Semantiscope toolbar icon.  
3. A modal will appear showing the document outline; click any entry to scroll to that heading.