devtools_element_info
Retrieve detailed DOM element info via CSS selector: outerHTML, bounding box, visibility, ARIA attributes, and child count for debugging.
Instructions
Return detailed info about a DOM element for debugging:
• outerHTML — the element's markup (first 4000 chars) • bounding_box — position and size on screen (x, y, width, height) • visible — whether the element is actually visible • in_viewport — whether it's within the visible scroll area • attributes — all HTML attributes • aria — ARIA role, name, label, disabled, hidden • child_count — number of child elements • text_content — visible text (first 500 chars)
Use this to diagnose elements that should be visible but aren't, or to understand the structure around a broken component.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| selector | Yes | CSS selector of the element to inspect |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||