Chrome DevTools

Chrome DevTools

Official
chromedevtools

Gives AI assistants direct control over a Chrome browser through DevTools for automation, debugging, and performance analysis. Uses accessibility trees for reliable element targeting and includes network monitoring capabilities.

28,1333,631 views1,649Local (stdio)

What it does

  • Click, drag, fill forms, and upload files on web pages
  • Monitor network requests and console messages
  • Take performance traces with actionable insights
  • Debug web applications with DevTools integration
  • Navigate and control multiple browser tabs
  • Extract accessibility tree snapshots for element targeting

Best for

Web developers debugging applicationsQA engineers automating browser testingPerformance analysts optimizing web appsAI assistants performing web automation tasks
Uses accessibility trees for reliable automationBuilt on Puppeteer with automatic wait handlingIntegrated performance tracing with CrUX data

Tools (26)

list_console_messages

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

click

Clicks on the provided element

drag

Drag an element onto another element

fill

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

fill_form

Fill out multiple form elements at once

Alternatives