devtools_element_info
Returns detailed DOM element information including visibility, position, attributes, and ARIA roles to diagnose why an element isn't visible or to inspect its structure.
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 | |||