chrome-devtools-mcp-mux

Clicks on the provided element

Closes the page by its index. The last open page cannot be closed.

Drag an element onto another element

Emulates various features on the selected page.

Evaluate a JavaScript function inside the currently selected page. Returns the response as JSON, so returned values have to be JSON-serializable.

Type text into an input, text area or select an option from a element.

Fill out multiple form elements at once

Gets a console message by its ID. You can get all messages by calling list_console_messages.

Gets a network request by an optional reqid, if omitted returns the currently selected request in the DevTools Network panel.

If a browser dialog was opened, use this command to handle it

Hover over the provided element

Get Lighthouse score and reports for accessibility, SEO and best practices. This excludes performance. For performance audits, run performance_start_trace

List all console messages for the currently selected page since the last navigation.

List all requests for the currently selected page since the last navigation.

Get a list of pages open in the browser.

Go to a URL, or back, forward, or reload. Use project URL if not specified otherwise.

Open a new tab and load a URL. Use project URL if not specified otherwise.

Provides more detailed information on a specific Performance Insight of an insight set that was highlighted in the results of a trace recording.

Start a performance trace on the selected webpage. Use to find frontend performance issues, Core Web Vitals (LCP, INP, CLS), and improve page load speed.

Stop the active performance trace recording on the selected webpage.

Press a key or key combination. Use this when other input methods like fill() cannot be used (e.g., keyboard shortcuts, navigation keys, or special key combinations).

Resizes the selected page's window so that the page has specified dimension

Select a page as a context for future tool calls.

Capture a heap snapshot of the currently selected page. Use to analyze the memory distribution of JavaScript objects and debug memory leaks.

Take a screenshot of the page or element.

Take a text snapshot of the currently selected page based on the a11y tree. The snapshot lists page elements along with a unique identifier (uid). Always use the latest snapshot. Prefer taking a snapshot over taking a screenshot. The snapshot indicates the element selected in the DevTools Elements panel (if any).

Type text using keyboard into a previously focused input

Upload a file through a provided element.

Wait for the specified text to appear on the selected page.