io.github.ChromeDevTools/chrome-devtools-mcp

Gets a console message by its ID. You can get all messages by calling ${LIST_CONSOLE_MESSAGES_TOOL_NAME}.

Starts recording a screencast (video) of the target page in specified format.

Stops the active screencast recording on the target page.

Get a list of pages${args?.categoryExtensions ? ' including extension service workers' : ''} open in the browser.

Select a page as a context for future tool calls.

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

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

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

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

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

Get the tab ID of the page

Take a screenshot of the page or element.

Clicks on the provided element

Clicks at the provided coordinates

Hover over the provided element

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

Type text using keyboard into a previously focused input

Drag an element onto another element

Fill out multiple form elements (inputs, selects, checkboxes, radios) at once. ALWAYS prefer this tool over multiple individual 'fill' or 'click' calls when interacting with forms. It is significantly faster, more reliable, and reduces turn count. Example: Fill username, password, and check "Remember Me" in one call.

Upload a file through a provided element.

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).

Lists all WebMCP tools the page exposes.

Executes a WebMCP tool exposed by the page.

Get Lighthouse score and reports for accessibility, SEO, best practices, and agentic browsing. This excludes performance. For performance audits, run ${startTrace.name}

Evaluate a JavaScript function inside the target page${cliArgs?.categoryExtensions ? ' or service worker' : ''}. Returns the response as JSON, so returned values have to be JSON-serializable.

Emulates various features on the target page.

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

Loads a memory heapsnapshot and returns snapshot summary stats, including native contexts and their sizes, and retained by context summary.

Loads a memory heapsnapshot and returns all available information including statistics, static data, and aggregated node information. Supports pagination for aggregates.

Loads a memory heapsnapshot and returns instances of a specific class with their IDs.

Loads a memory heapsnapshot and returns retainers for a specific node ID.

Closes a previously loaded memory heapsnapshot, freeing its memory.

Loads a memory heapsnapshot and returns retaining paths for a specific node ID. This helps to understand why a node is not being garbage collected.

Loads a memory heapsnapshot and returns outgoing edges (references) for a specific node ID.

Loads a memory heapsnapshot and returns the dominator chain for a specific node ID. This helps to identify which objects are keeping the target node alive.

Loads two memory heapsnapshots and returns the comparison. If classIndex is provided, returns detailed diff for that class, otherwise returns summary diff.

Loads a memory heapsnapshot and returns duplicate strings grouped by their value.

Loads a memory heapsnapshot and returns detailed information about a specific object by its node ID, including size, type, distance, and DOM detachedness.

Loads a memory heapsnapshot and queries objects matching specific filters (className, propertyName, nodeType, retainedSize, selfSize, isDetached, sortBy).

Take a text snapshot of the target 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).

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

Lists all third-party developer tools the page exposes for providing runtime information. Third-party developer tools can be called via the 'execute_3p_developer_tool()' MCP tool. Alternatively, third-party developer tools can be executed by calling 'evaluate_script' and adding the following command to the script: \

Executes a tool exposed by the page.

Retrieve matched CSS rules, inline styles, inherited styles, and cascade information for an element identified by its UID. Use this tool to debug why specific CSS properties are applied, overridden, or conflicting. Supports pagination for elements with many matched rules. Requires a UID from take_snapshot.

Start a performance trace on the target 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 target webpage.

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

Installs a Progressive Web App (PWA) identified by its manifest ID.

Uninstalls a Progressive Web App identified by its manifest ID and

Launches an installed Progressive Web App using its saved display mode.

Returns the OS integration state (badge count and registered file

Lists the most recent requests for the target page since the last navigation.

Gets a network request by an optional reqid, if omitted returns the currently selected request in the DevTools Network panel. Useful for inspecting request headers (including 'Cookie') and response headers (including 'Set-Cookie' and directives).

Installs a Chrome extension from the given path.

Uninstalls a Chrome extension by its ID.

Lists all the Chrome extensions installed in the browser. This includes their name, ID, version, and enabled status.

Reloads an unpacked Chrome extension by its ID.

Triggers the default action of an extension by its ID.

Open a DevTools window for the selected page.

Retrieve user comments from the DevTools window for the page.

Append an agent reply to a DevTools comment thread and mark it as resolved.

Navigate DevTools to a specified panel and highlight a target DOM node or network request. The parameters uid and reqid are mutually exclusive.

Takes a screenshot

Loads a URL

Evaluates a JavaScript script