Can VS Code & GitHub Copilot use Chrome DevTools?

Local Chrome DevTools servers

How to add Chrome DevTools to VS Code & GitHub Copilot

1. Open the Command Palette and run MCP: Add Server. Choose HTTP for a server URL or Command (stdio) for a local install command.
2. Or edit .vscode/mcp.json in your workspace: VS Code’s format puts servers under a top-level "servers" object (remote: "type": "http" + "url"; local: "type": "stdio" + "command"). Portable Copilot files (.mcp.json, ~/.copilot/mcp-config.json) use "mcpServers" instead, so don’t copy between them unchecked.
3. Sign in if the server asks, then use its tools in Copilot agent chat.

Example for Chrome DevTools MCP (local, from the table above), in .vscode/mcp.json:

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

Menus change, so check the VS Code MCP configuration reference. Every server page has a copy-paste config for VS Code & GitHub Copilot.

Is it safe to connect Chrome DevTools to VS Code & GitHub Copilot?

Use the official server run by Chrome DevTools. Anything a tool returns is sent to the AI vendor, so use a business plan that doesn't train on your data.

Can ChatGPT or Claude connect to Chrome DevTools?

See https://canmyaiuse.pages.dev/can/chatgpt/chrome-devtools/ and https://canmyaiuse.pages.dev/can/claude/chrome-devtools/

Does Chrome DevTools have an official MCP server?

Yes: Chrome DevTools MCP (io.github.ChromeDevTools/chrome-devtools-mcp), published by Chrome DevTools in the official MCP Registry. Full list: https://canmyaiuse.pages.dev/apps/chrome-devtools/