Inspect website component
inspect_componentInspect components on a live website by CSS selector to obtain computed styles, layout bounds, attributes, pseudo-elements, child structure, and HTML sample for accurate replication.
Instructions
Inspect elements matching a CSS selector on a live website. Returns bounds, selected computed styles, attributes, pseudo-elements, child structure, and a bounded HTML sample.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Absolute http:// or https:// URL to inspect. | |
| selector | Yes | CSS selector for the component, for example '.pricing-card' or 'header nav'. | |
| timeoutMs | No | Navigation timeout in milliseconds. | |
| userAgent | No | Optional browser user-agent override. | |
| waitUntil | No | Page lifecycle event to await before extraction. | domcontentloaded |
| autoScroll | No | Scroll through the page before extraction to trigger lazy-rendered content. | |
| maxMatches | No | Maximum matching elements to return in detail. | |
| maxScrolls | No | Maximum viewport-sized scroll steps when autoScroll is enabled. | |
| includeStates | No | Capture :hover, :focus, and :active computed styles via CDP (Chromium). | |
| viewportWidth | No | Browser viewport width in CSS pixels. | |
| viewportHeight | No | Browser viewport height in CSS pixels. | |
| allowPrivateNetwork | No | Allow localhost and private-network URLs. Enable only for trusted sites. |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| result | Yes |