Inspect layout and CSS
browser_inspectInspect an element's box model, computed CSS, flex/grid layout, visibility, contrast, overflow, and overlays, or audit a page for layout, clipped text, broken images, and tap-target issues.
Instructions
With a ref or selector: the element's box model, position, computed CSS (or the properties you name), flex/grid layout, visibility, text contrast, overflow, and what is covering it. With no target: a layout audit of the whole page — horizontal overflow and its culprits, clipped text, broken images, missing alt text, small tap targets, low-contrast text, layout shift, fonts. Numbers instead of a screenshot, for CSS debugging.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| ref | No | Element ref from browser_find or browser_capabilities. | |
| tabId | No | ||
| selector | No | CSS selector, if you have no ref. | |
| properties | No | CSS properties to report, e.g. ["gap", "margin-top"]. |