Viewport extension

Pages & sitemap

Viewport maps the whole site while you browse it: a searchable pages sidebar, a visual sitemap of the site's structure, and per-page SEO metadata, all without you doing anything.

The pages sidebar

Press P (or the panel button) for every page discovered on the current site. Pages are found from same-origin links on the pages you visit plus the site's sitemap.xml, then verified in the background. URLs that 404, redirect to another path, or serve non-HTML are dropped, so the list and its count settle to real pages only.

• Click a row to open that page in the frame.
• Nested paths group into drawers by first segment: /blog/* under Blog. If /blog itself exists it's a page-with-subpages row; otherwise a folder header. Drawers open automatically for the current page and while searching.
• A search field at the top filters the list.

The visual sitemap

Press M (or the map icon in the sidebar header) to see the discovered site drawn over the whole stage: top-level sections spread horizontally, deeper pages stack vertically in their section's column, indented per level, so the map stays readable at Fit even on big sites.

• Path segments with no real page render as dashed ghost nodes; groups wider than 12 collapse behind a +N more expander.
• Click a node to select it and see its metadata; double-click to open that page and return to the frame.
• Pan by dragging; zoom with ⌘/Ctrl+scroll or the controls (Fit re-centers). Esc exits.

Page metadata

Hover a sidebar row and click its cog for the page's metadata: title and meta description with SEO character counts, H1, slug, canonical, robots (flagged when noindex), language, and the social preview: OG image with a thumbnail, OG title, description and type, and the Twitter card. Click any value to copy it.

The framed page reads from the live DOM, so tags set by an SPA are caught; other pages are fetched and parsed inertly.