extract_element_data
Get specific text or attributes from elements.
How to use it
Project documentation lists extract_element_data for the Chrome DevTools Advanced MCP MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), then check which tools your installed version makes available. Tool availability can depend on configuration and credentials. A server handshake does not verify this tool’s behavior. See the full listing for setup details.
Install Chrome DevTools Advanced MCP
npx -y chrome-devtools-advanced-mcp --port=9223Other tools in Chrome DevTools Advanced MCP (28)
Navigate, reload, go back/forward.
Record traffic while performing an action.
Safely closes the controlled session.
Click a download trigger, wait for it to finish, and get the saved file path.
Throttle to Slow 3G/4G/offline to test resilience.
Hides automation flags.
Run custom JavaScript safely (requires return).
Save current session state to file.
Fill multiple fields (text/select/checkbox) in a single call instead of N performinteraction calls.
See the page structure as screen readers do (advanced tools).
Read console.log/warn/error/info/debug and uncaught exceptions for a tab — capture starts automatically on first call.
Critical. Extracts simplified or full HTML. Supports selectors.
List IndexedDB databases, or read records from one.
Read/Write local storage data.
Layout and viewport analysis.
Start Here! Launches Chrome with your cookies/extensions.
Listen to socket traffic.
Create, close, switch, or list tabs.
Click, Type, Hover, Drag & Drop with auto-wait.
Replay captured API calls.
Core Web Vitals (LCP, CLS) + basic timing via PerformanceObserver.
Captures visual proof (png/jpeg).
Mock GPS coordinates.
Change browser timezone.
Spoof device/browser identity.
Resize window for responsive testing.
Save full network logs (HAR format).
Test a URL with a different cookie set inside a throwaway, fully isolated browser context — never touches your real session.