feat(inspection): add element inspection tools

CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [Unreleased]
+
+### Features
+
+* **inspection:** Add comprehensive element inspection tools for DOM and CSS analysis
+  * `inspect_element` - Get element info, HTML, attributes, and box model
+  * `get_element_styles` - Get computed, matched, and inherited CSS styles
+  * `get_element_box_model` - Get detailed box model layout information
+  * `query_selector` - Find elements using CSS selectors
+  * `highlight_element` / `hide_highlight` - Visually highlight elements on the page
+  * `get_dom_tree` - Get hierarchical DOM tree structure
+  * `capture_dom_snapshot` - Efficient full-page DOM and styles capture
+  * `force_element_state` - Force :hover, :focus, :active pseudo-states
+  * `get_element_event_listeners` - Get event listeners attached to elements
+  * `get_element_at_position` - Get element at x,y coordinates
+  * `search_dom` - Search DOM by text, CSS selector, or XPath
+  * `get_fonts_info` - Get font usage information for elements
+  * `show_layout_overlay` - Show CSS Grid/Flexbox layout overlays
+  * `get_accessibility_info` - Get detailed accessibility tree information
+  * `compare_elements` - Compare styles between two elements
+  * `get_css_variables` - Get CSS custom properties for elements
+* **cli:** Add `--no-category-inspection` flag to disable inspection tools
+
 ## [0.10.2](https://github.com/ChromeDevTools/chrome-devtools-mcp/compare/chrome-devtools-mcp-v0.10.1...chrome-devtools-mcp-v0.10.2) (2025-11-19)
 
 

README.md

@@ -312,6 +312,24 @@ If you run into any issues, checkout our [troubleshooting guide](./docs/troubles
   - [`list_console_messages`](docs/tool-reference.md#list_console_messages)
   - [`take_screenshot`](docs/tool-reference.md#take_screenshot)
   - [`take_snapshot`](docs/tool-reference.md#take_snapshot)
+- **Element inspection** (17 tools)
+  - [`capture_dom_snapshot`](docs/tool-reference.md#capture_dom_snapshot)
+  - [`compare_elements`](docs/tool-reference.md#compare_elements)
+  - [`force_element_state`](docs/tool-reference.md#force_element_state)
+  - [`get_accessibility_info`](docs/tool-reference.md#get_accessibility_info)
+  - [`get_css_variables`](docs/tool-reference.md#get_css_variables)
+  - [`get_dom_tree`](docs/tool-reference.md#get_dom_tree)
+  - [`get_element_at_position`](docs/tool-reference.md#get_element_at_position)
+  - [`get_element_box_model`](docs/tool-reference.md#get_element_box_model)
+  - [`get_element_event_listeners`](docs/tool-reference.md#get_element_event_listeners)
+  - [`get_element_styles`](docs/tool-reference.md#get_element_styles)
+  - [`get_fonts_info`](docs/tool-reference.md#get_fonts_info)
+  - [`hide_highlight`](docs/tool-reference.md#hide_highlight)
+  - [`highlight_element`](docs/tool-reference.md#highlight_element)
+  - [`inspect_element`](docs/tool-reference.md#inspect_element)
+  - [`query_selector`](docs/tool-reference.md#query_selector)
+  - [`search_dom`](docs/tool-reference.md#search_dom)
+  - [`show_layout_overlay`](docs/tool-reference.md#show_layout_overlay)
 
 <!-- END AUTO GENERATED TOOLS -->
 
@@ -390,6 +408,11 @@ The Chrome DevTools MCP server supports the following configuration option:
   - **Type:** boolean
   - **Default:** `true`
 
+- **`--categoryInspection`**
+  Set to false to exclude tools related to element inspection.
+  - **Type:** boolean
+  - **Default:** `true`
+
 <!-- END AUTO GENERATED OPTIONS -->
 
 Pass them via the `args` property in the JSON configuration. For example: