Hover and selection overlay
Inspect mode highlights the element under the pointer and keeps a persistent selection after click.
Inspector & visual editing
Advanced Inspector
Inspect and edit the rendered page without losing the source.
The Mac preview has a built-in inspector. It is separate from normal browsing, so links still work when Inspect is off.
Selector and breadcrumb
The side panel shows a compact selector and a clickable path of tags from the page root to the selected element.
Box model
Margin, border, padding and content dimensions are shown in a box model panel.
Computed styles filter
Computed CSS properties are listed with a filter field that searches names and values.
Jump to source
Click an element and the editor reveals the matching source.
Web Inspector
The system Web Inspector is still available through Inspect Element for a deeper look.
Edit Text in Preview
With Edit Text on, double-click a rendered text element, edit it in place and commit on Enter or blur.
Undo-friendly edits
Visual text edits are written to the HTML source and can be undone in the editor.
Built for live page work
Before jumping to the source or writing a change, the app checks that the element matches the source, and only commits visual edits when the source element contains plain text rather than nested markup.
