From 6c5897657a6554cb6fa58aa4fe309600e6ab4088 Mon Sep 17 00:00:00 2001 From: Harald Kirschner Date: Thu, 6 Nov 2025 20:00:09 -0800 Subject: [PATCH 1/3] Add VS Code install badges --- README.md | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 54f085d3..f3c1e611 100644 --- a/README.md +++ b/README.md @@ -157,11 +157,20 @@ Configure the following fields and press `CTRL+S` to save the configuration:
Copilot / VS Code - Follow the MCP install guide, + +**Click the button to install:** + +[Install in VS Code](https://vscode.dev/redirect/mcp/install?name=io.github.ChromeDevTools%2Fchrome-devtools-mcp&config=%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22chrome-devtools-mcp%22%5D%2C%22env%22%3A%7B%7D%7D) + +[Install in VS Code Insiders](https://insiders.vscode.dev/redirect/mcp/install?name=io.github.ChromeDevTools%2Fchrome-devtools-mcp&config=%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22chrome-devtools-mcp%22%5D%2C%22env%22%3A%7B%7D%7D) + +**Or install manually:** + +Follow the MCP install guide, with the standard config from above. You can also install the Chrome DevTools MCP server using the VS Code CLI: ```bash - code --add-mcp '{"name":"chrome-devtools","command":"npx","args":["chrome-devtools-mcp@latest"]}' + code --add-mcp '{"name":"io.github.ChromeDevTools/chrome-devtools-mcp","command":"npx","args":["-y","chrome-devtools-mcp"],"env":{}}' ```
From 764195910b07ee7cd45c12ed09c2d2a18e952c9c Mon Sep 17 00:00:00 2001 From: Harald Kirschner Date: Thu, 6 Nov 2025 21:05:24 -0800 Subject: [PATCH 2/3] Fix Insiders --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f3c1e611..d72b95f1 100644 --- a/README.md +++ b/README.md @@ -162,7 +162,7 @@ Configure the following fields and press `CTRL+S` to save the configuration: [Install in VS Code](https://vscode.dev/redirect/mcp/install?name=io.github.ChromeDevTools%2Fchrome-devtools-mcp&config=%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22chrome-devtools-mcp%22%5D%2C%22env%22%3A%7B%7D%7D) -[Install in VS Code Insiders](https://insiders.vscode.dev/redirect/mcp/install?name=io.github.ChromeDevTools%2Fchrome-devtools-mcp&config=%7B%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22-y%22%2C%22chrome-devtools-mcp%22%5D%2C%22env%22%3A%7B%7D%7D) +[Install in VS Code Insiders](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522io.github.ChromeDevTools%252Fchrome-devtools-mcp%2522%252C%2522config%2522%253A%257B%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522chrome-devtools-mcp%2522%255D%252C%2522env%2522%253A%257B%257D%257D%257D) **Or install manually:** From 3a507dd0e20ad9da1c566e81cb858c6a53116094 Mon Sep 17 00:00:00 2001 From: Alex Rudenko Date: Wed, 3 Dec 2025 10:08:34 +0100 Subject: [PATCH 3/3] chore: format --- README.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index d72b95f1..30744519 100644 --- a/README.md +++ b/README.md @@ -167,11 +167,12 @@ Configure the following fields and press `CTRL+S` to save the configuration: **Or install manually:** Follow the MCP install guide, - with the standard config from above. You can also install the Chrome DevTools MCP server using the VS Code CLI: - - ```bash - code --add-mcp '{"name":"io.github.ChromeDevTools/chrome-devtools-mcp","command":"npx","args":["-y","chrome-devtools-mcp"],"env":{}}' - ``` +with the standard config from above. You can also install the Chrome DevTools MCP server using the VS Code CLI: + +```bash +code --add-mcp '{"name":"io.github.ChromeDevTools/chrome-devtools-mcp","command":"npx","args":["-y","chrome-devtools-mcp"],"env":{}}' +``` +