Neura Market
chrome-devtools-mcp logo

chrome-devtools-mcp

Free

Chrome DevTools for coding agents

Model APIsFreeFree tier
Inputs: text, urlOutputs: text, code
Type
Open Source
Visit Website GitHub (38.0k stars)

About chrome-devtools-mcp

Chrome DevTools MCP is an open-source tool that provides a Model Context Protocol (MCP) server for integrating Chrome DevTools capabilities into coding agents and AI-assisted development environments. It enables programmatic access to browser debugging features such as inspecting elements, monitoring network activity, evaluating JavaScript, and capturing console logs. The tool is designed to work with MCP-compatible clients, allowing developers to automate browser-based testing, debugging, and analysis directly from their coding workflows. As an open-source project hosted on GitHub under the ChromeDevTools organization, it is freely available and can be customized or extended by the community.

Key Features

Provides an MCP server for Chrome DevTools integration
Enables programmatic access to browser debugging features
Supports inspection of DOM elements and CSS styles
Allows monitoring of network requests and responses
Facilitates JavaScript evaluation in the browser context
Captures console logs and errors for analysis
Compatible with MCP-compatible coding agents and AI tools
Open-source and freely available on npm and GitHub

Pros & Cons

Pros
  • Open-source and free to use
  • Leverages official Chrome DevTools capabilities
  • Integrates with MCP-compatible coding agents and tools
  • Can be customized or extended by the community
  • Reduces manual debugging effort through automation
Cons
  • Requires a compatible MCP client to function
  • Limited to Chrome/Chromium-based browsers
  • Setup and configuration may require technical expertise
  • Documentation and community support may be limited as an open-source project

Best For

Automating browser debugging tasks in CI/CD pipelinesIntegrating browser inspection into AI-assisted coding agentsPerforming automated web testing and validationCapturing and analyzing console output during developmentEvaluating JavaScript expressions in a live browser environmentEnabling headless browser automation for development workflows

Alternatives to chrome-devtools-mcp

AutoGPT

AutoGPT is the vision of accessible AI for everyone, to use and to build on. Our mission is to provide the tools, so that you can focus on what matters.

aider

aider is AI pair programming in your terminal

axolotl

Go ahead and axolotl questions

Chroma

Open-source embedding database

awesome-claude-code

A curated list of awesome skills, hooks, slash-commands, agent orchestrators, applications, and plugins for Claude Code by Anthropic

agents-course

This repository contains the Hugging Face Agents Course.

FAQ

What is Chrome DevTools MCP?
Chrome DevTools MCP is an open-source tool that provides a Model Context Protocol (MCP) server for integrating Chrome DevTools features into coding agents and AI development environments.
Is Chrome DevTools MCP free to use?
Based on available information, the tool is open-source and appears to be free to use. Users should verify licensing details on the GitHub repository.
What can I do with Chrome DevTools MCP?
It allows programmatic access to browser debugging features such as inspecting elements, monitoring network activity, evaluating JavaScript, and capturing console logs.
Do I need a specific client to use Chrome DevTools MCP?
Yes, it is designed to work with MCP-compatible clients. The specific client requirements should be checked in the project documentation.
Is Chrome DevTools MCP compatible with all browsers?
Based on available information, it appears to be designed for Chrome/Chromium-based browsers. Compatibility with other browsers should be verified.
Where can I find the source code and documentation?
The source code is available on GitHub at https://github.com/ChromeDevTools/chrome-devtools-mcp, and the package can be found on npm.