$ loading_
Let AI inspect and debug live web pages through Chrome DevTools Protocol.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "chrome-devtools-mcp" yet — see the docs or source repo.
Connect to the current web page, inspect the main DOM structure, list the header, navigation, main content, and footer sections, and point out any obvious structural issues.
A summary of the page's main DOM sections and notes on any structural issues.
Read the current page's console logs, filter errors and warnings, and summarize the issues that should be prioritized by severity.
A list of console errors and warnings with a prioritized debugging summary.
Inspect the network requests during page load, identify failed and slow requests, and explain which ones may affect functionality or performance.
A list of failed or slow requests and a brief analysis of their impact on the page.
Developers can use it to inspect DOM, styles, console logs, and network requests on a live page to quickly locate frontend issues. It fits cases like page errors, broken elements, or failed loading.
When a page does not look as expected, users can inspect style information and page structure to analyze layout or styling issues. It is useful for frontend debugging and design-developer handoff.
If a web page behaves incorrectly or becomes slow, users can inspect network requests for failures, blocking, or latency to diagnose resource loading and API issues. It is suitable for post-release checks and troubleshooting.
It lets AI interact with live web pages through the Chrome DevTools Protocol to inspect and debug DOM, styles, console logs, and network requests. It is meant for analyzing pages in a real running state.
Based on the provided description, it can inspect the DOM, styles, console logs, and network requests. These capabilities are mainly for web page inspection and debugging.
The provided material does not include installation steps, runtime requirements, or key information. For exact setup details, see the source repository.
Control Chrome for debugging, automation, and performance analysis via DevTools.
Connect Chrome DevTools to help AI agents debug and inspect web pages.
Connect Chrome DevTools so AI can debug pages and inspect performance.
Control and inspect live Chrome for automation, debugging, and performance analysis.
Control Chrome with real profiles for browsing, extraction, and web interaction.
Connect AI to Chrome tabs for inspection, debugging, and runtime diagnostics.