Inspect tabs, console errors, network traffic, DOM, and screenshots from Chrome.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "browser-devtools-mcp" yet — see the docs or source repo.
Read the current browser tab's DevTools data, focusing on console errors, related network requests, and the page DOM to help me find why the front-end page is not rendering correctly.
Returns key errors, suspicious requests, DOM clues, and a first-pass diagnosis.
Inspect the current page's network requests, summarize failed requests, status codes, and request timings, and point out which APIs may be causing slowness or missing data.
Provides failed endpoints, performance bottlenecks, and likely fixes.
Read the current page's DOM, CSS, and screenshot data to determine why an element is misaligned, covered, or not styled correctly, and suggest fixes.
Identifies style conflicts, layout issues, and actionable change suggestions.
Control and inspect a live Chrome browser for automation, debugging, and performance analysis.
Connect Chrome DevTools to help AI agents debug and inspect web pages.
Let multiple AI agents concurrently control and inspect a live Chrome browser.
Control a real Chrome browser for browsing, interaction, and page reading.
Connect AI to Chrome tabs for inspection, debugging, and runtime diagnostics.
Connect Chrome DevTools so AI can debug pages and inspect performance.