The inspection canvas
The canvas is the live, rendered view of your site with overlay panels for variables, accessibility, SEO, and more.
What you see#
A proxied iframe of the rendered site sits at the center. Side panels surface the design system (typography, spacing, color), components and variants, accessibility issues, alt text, metadata, structured data, and analytics scripts. The right rail is contextual: it tracks the currently inspected page.
Switching between pages#
The sitemap pane lists every page Weblooks has scanned. Click any node to load that page into the canvas. The inspection state syncs to the new page in under a second. There is no separate "refresh" step.