C

How to install Chrome DevTools MCP in VS Code

To install Chrome DevTools MCP in VS Code, click "Add to VS Code" on this page or add the "chrome-devtools-mcp" block under "servers" in .vscode/mcp.json, then pick it in Copilot Chat agent mode.

Built from the published package · server updated yesterday

1. 1

   One click (fastest)

   Click the button to open VS Code with this server ready to install.

   Add Chrome DevTools MCP to VS Code
2. 2

   Or add it by hand

   Create .vscode/mcp.json and paste this. Note that VS Code uses "servers", not "mcpServers".

   {
     "servers": {
       "chrome-devtools-mcp": {
         "command": "npx",
         "args": [
           "-y",
           "chrome-devtools-mcp"
         ]
       }
     }
   }

   Copy
3. 3

   Start it in Copilot Chat

   Open Copilot Chat in Agent mode and pick the server from the tools menu.

Config file: .vscode/mcp.json in your workspace

MCP servers run with your permissions. If Chrome DevTools MCP needs an API key, add it under env in the config. Check its README.

Similar servers

B

browser-use browser-use

100

Control a real Chrome browser to complete any task: fill forms, extract data, book flights.

AAA Local 119k

A

Actionbook actionbook

95

Let your AI agent operate any website through a real, logged-in browser session.

AAA Remote 1.6k

R

Robin: AI-Powered Dark Web OSINTapurvsinghgautam

94

Dark web OSINT over Tor: search onion engines, scrape pages, report with your own model.

AAA Local 7.6k