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 injects an in-app inspector into the rendered page. It is separate from normal browsing mode, so links still work when Inspect is off.
Selector and DOM breadcrumb
The side panel shows a compact selector and a clickable DOM path from root to the selected node.
Box model
Margin, border, padding and content dimensions are drawn in a DevTools-style box model panel.
Computed styles filter
Computed CSS properties are listed with a filter field that searches names and values.
Jump to source
Clicking an element sends tag and structural path back to Swift so the editor reveals the matching source range.
Native Web Inspector
The WKWebView remains inspectable on macOS, so the system Inspect Element path is still available.
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 source write
Visual text edits are mapped back to plain-text HTML elements, escaped safely and written through the editor's undo path.
Built for live page work
The inspector understands that WebKit may normalize DOM structure. Before jumping or writing, the app validates the tag and only commits visual edits when the source element contains plain text rather than nested markup.
