@nimbus21.ai/chrome-devtools-mcp 0.6.1 → 0.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -17
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,8 +1,18 @@
|
|
|
1
|
-
# Chrome DevTools MCP
|
|
1
|
+
# Chrome DevTools MCP - Enhanced by NIMBUS21
|
|
2
2
|
|
|
3
|
-
[](https://npmjs.org/package/chrome-devtools-mcp)
|
|
3
|
+
[](https://npmjs.org/package/@nimbus21.ai/chrome-devtools-mcp)
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
> **Note:** This is an **unofficial community-maintained fork** of the original Chrome DevTools MCP server, enhanced and modified by the **NIMBUS21 Team**. This package is not affiliated with or endorsed by Google or the Chrome DevTools team.
|
|
6
|
+
|
|
7
|
+
## 🚀 Powered by NIMBUS21
|
|
8
|
+
|
|
9
|
+
This enhanced version is brought to you by **[NIMBUS21](https://nimbus21.com)** - a leading technology innovation company specializing in AI-powered automation, browser automation solutions, and enterprise software development. Visit [nimbus21.ai](https://nimbus21.ai) to explore our cutting-edge AI tools, automation platforms, and developer services.
|
|
10
|
+
|
|
11
|
+
**NIMBUS21** delivers advanced browser automation frameworks, intelligent testing solutions, and AI-driven development tools for modern web applications. Our expertise in Chrome automation, DevTools integration, and Model Context Protocol (MCP) implementations helps developers and enterprises build more reliable, performant, and intelligent software solutions.
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
`@nimbus21.ai/chrome-devtools-mcp` lets your coding agent (such as Gemini, Claude, Cursor or Copilot)
|
|
6
16
|
control and inspect a live Chrome browser. It acts as a Model-Context-Protocol
|
|
7
17
|
(MCP) server, giving your AI coding assistant access to the full power of
|
|
8
18
|
Chrome DevTools for reliable automation, in-depth debugging, and performance analysis.
|
|
@@ -42,14 +52,14 @@ Add the following config to your MCP client:
|
|
|
42
52
|
"mcpServers": {
|
|
43
53
|
"chrome-devtools": {
|
|
44
54
|
"command": "npx",
|
|
45
|
-
"args": ["-y", "chrome-devtools-mcp@latest"]
|
|
55
|
+
"args": ["-y", "@nimbus21.ai/chrome-devtools-mcp@latest"]
|
|
46
56
|
}
|
|
47
57
|
}
|
|
48
58
|
}
|
|
49
59
|
```
|
|
50
60
|
|
|
51
|
-
> [!NOTE]
|
|
52
|
-
> Using
|
|
61
|
+
> [!NOTE]
|
|
62
|
+
> Using `@nimbus21.ai/chrome-devtools-mcp@latest` ensures that your MCP client will always use the latest version of the NIMBUS21-enhanced Chrome DevTools MCP server.
|
|
53
63
|
|
|
54
64
|
### MCP Client configuration
|
|
55
65
|
|
|
@@ -58,7 +68,7 @@ Add the following config to your MCP client:
|
|
|
58
68
|
Use the Claude Code CLI to add the Chrome DevTools MCP server (<a href="https://docs.anthropic.com/en/docs/claude-code/mcp">guide</a>):
|
|
59
69
|
|
|
60
70
|
```bash
|
|
61
|
-
claude mcp add chrome-devtools npx chrome-devtools-mcp@latest
|
|
71
|
+
claude mcp add chrome-devtools npx @nimbus21.ai/chrome-devtools-mcp@latest
|
|
62
72
|
```
|
|
63
73
|
|
|
64
74
|
</details>
|
|
@@ -74,7 +84,7 @@ claude mcp add chrome-devtools npx chrome-devtools-mcp@latest
|
|
|
74
84
|
using the standard config from above. You can also install the Chrome DevTools MCP server using the Codex CLI:
|
|
75
85
|
|
|
76
86
|
```bash
|
|
77
|
-
codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
|
|
87
|
+
codex mcp add chrome-devtools -- npx @nimbus21.ai/chrome-devtools-mcp@latest
|
|
78
88
|
```
|
|
79
89
|
|
|
80
90
|
**On Windows 11**
|
|
@@ -88,7 +98,7 @@ args = [
|
|
|
88
98
|
"/c",
|
|
89
99
|
"npx",
|
|
90
100
|
"-y",
|
|
91
|
-
"chrome-devtools-mcp@latest",
|
|
101
|
+
"@nimbus21.ai/chrome-devtools-mcp@latest",
|
|
92
102
|
]
|
|
93
103
|
env = { SystemRoot="C:\\Windows", PROGRAMFILES="C:\\Program Files" }
|
|
94
104
|
startup_timeout_ms = 20_000
|
|
@@ -116,7 +126,7 @@ Configure the following fields and press `CTR-S` to save the configuration:
|
|
|
116
126
|
- **Server name:** `chrome-devtools`
|
|
117
127
|
- **Server Type:** `[1] Local`
|
|
118
128
|
- **Command:** `npx`
|
|
119
|
-
- **Arguments:** `-y, chrome-devtools-mcp@latest`
|
|
129
|
+
- **Arguments:** `-y, @nimbus21.ai/chrome-devtools-mcp@latest`
|
|
120
130
|
|
|
121
131
|
</details>
|
|
122
132
|
|
|
@@ -126,7 +136,7 @@ Configure the following fields and press `CTR-S` to save the configuration:
|
|
|
126
136
|
with the standard config from above. You can also install the Chrome DevTools MCP server using the VS Code CLI:
|
|
127
137
|
|
|
128
138
|
```bash
|
|
129
|
-
code --add-mcp '{"name":"chrome-devtools","command":"npx","args":["chrome-devtools-mcp@latest"]}'
|
|
139
|
+
code --add-mcp '{"name":"chrome-devtools","command":"npx","args":["@nimbus21.ai/chrome-devtools-mcp@latest"]}'
|
|
130
140
|
```
|
|
131
141
|
</details>
|
|
132
142
|
|
|
@@ -135,7 +145,7 @@ Configure the following fields and press `CTR-S` to save the configuration:
|
|
|
135
145
|
|
|
136
146
|
**Click the button to install:**
|
|
137
147
|
|
|
138
|
-
[<img src="https://cursor.com/deeplink/mcp-install-dark.svg" alt="Install in Cursor">](https://cursor.com/en/install-mcp?name=chrome-devtools&config=
|
|
148
|
+
[<img src="https://cursor.com/deeplink/mcp-install-dark.svg" alt="Install in Cursor">](https://cursor.com/en/install-mcp?name=chrome-devtools&config=eyJjb21tYW5kIjoibnB4IC15IEBuaW1idXMyMS5haS9jaHJvbWUtZGV2dG9vbHMtbWNwQGxhdGVzdCJ9)
|
|
139
149
|
|
|
140
150
|
**Or install manually:**
|
|
141
151
|
|
|
@@ -150,13 +160,13 @@ Install the Chrome DevTools MCP server using the Gemini CLI.
|
|
|
150
160
|
**Project wide:**
|
|
151
161
|
|
|
152
162
|
```bash
|
|
153
|
-
gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest
|
|
163
|
+
gemini mcp add chrome-devtools npx @nimbus21.ai/chrome-devtools-mcp@latest
|
|
154
164
|
```
|
|
155
165
|
|
|
156
166
|
**Globally:**
|
|
157
167
|
|
|
158
168
|
```bash
|
|
159
|
-
gemini mcp add -s user chrome-devtools npx chrome-devtools-mcp@latest
|
|
169
|
+
gemini mcp add -s user chrome-devtools npx @nimbus21.ai/chrome-devtools-mcp@latest
|
|
160
170
|
```
|
|
161
171
|
|
|
162
172
|
Alternatively, follow the <a href="https://github.com/google-gemini/gemini-cli/blob/main/docs/tools/mcp-server.md#how-to-set-up-your-mcp-server">MCP guide</a> and use the standard config from above.
|
|
@@ -182,7 +192,7 @@ The same way chrome-devtools-mcp can be configured for JetBrains Junie in `Setti
|
|
|
182
192
|
|
|
183
193
|
**Click the button to install:**
|
|
184
194
|
|
|
185
|
-
[<img src="https://img.shields.io/badge/Visual_Studio-Install-C16FDE?logo=visualstudio&logoColor=white" alt="Install in Visual Studio">](https://vs-open.link/mcp-install?%7B%22name%22%3A%22chrome-devtools%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%
|
|
195
|
+
[<img src="https://img.shields.io/badge/Visual_Studio-Install-C16FDE?logo=visualstudio&logoColor=white" alt="Install in Visual Studio">](https://vs-open.link/mcp-install?%7B%22name%22%3A%22chrome-devtools%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22@nimbus21.ai/chrome-devtools-mcp%40latest%22%5D%7D)
|
|
186
196
|
</details>
|
|
187
197
|
|
|
188
198
|
<details>
|
|
@@ -301,7 +311,7 @@ Pass them via the `args` property in the JSON configuration. For example:
|
|
|
301
311
|
"chrome-devtools": {
|
|
302
312
|
"command": "npx",
|
|
303
313
|
"args": [
|
|
304
|
-
"chrome-devtools-mcp@latest",
|
|
314
|
+
"@nimbus21.ai/chrome-devtools-mcp@latest",
|
|
305
315
|
"--channel=canary",
|
|
306
316
|
"--headless=true",
|
|
307
317
|
"--isolated=true"
|
|
@@ -311,7 +321,7 @@ Pass them via the `args` property in the JSON configuration. For example:
|
|
|
311
321
|
}
|
|
312
322
|
```
|
|
313
323
|
|
|
314
|
-
You can also run `npx chrome-devtools-mcp@latest --help` to see all available configuration options.
|
|
324
|
+
You can also run `npx @nimbus21.ai/chrome-devtools-mcp@latest --help` to see all available configuration options.
|
|
315
325
|
|
|
316
326
|
## Concepts
|
|
317
327
|
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nimbus21.ai/chrome-devtools-mcp",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.2",
|
|
4
4
|
"description": "MCP server for Chrome DevTools",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"bin": "./build/src/index.js",
|
|
7
7
|
"main": "index.js",
|
|
8
8
|
"scripts": {
|
|
9
|
-
"build": "tsc && node
|
|
9
|
+
"build": "tsc && node scripts/post-build.js",
|
|
10
10
|
"typecheck": "tsc --noEmit",
|
|
11
11
|
"format": "eslint --cache --fix . && prettier --write --cache .",
|
|
12
12
|
"check-format": "eslint --cache . && prettier --check --cache .;",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"test:only": "npm run build && node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-reporter spec --test-force-exit --test --test-only \"build/tests/**/*.test.js\"",
|
|
20
20
|
"test:only:no-build": "node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-reporter spec --test-force-exit --test --test-only \"build/tests/**/*.test.js\"",
|
|
21
21
|
"test:update-snapshots": "npm run build && node --require ./build/tests/setup.js --no-warnings=ExperimentalWarning --test-force-exit --test --test-update-snapshots \"build/tests/**/*.test.js\"",
|
|
22
|
-
"prepare": "node
|
|
22
|
+
"prepare": "node scripts/prepare.js",
|
|
23
23
|
"sync-server-json-version": "node --experimental-strip-types scripts/sync-server-json-version.ts && npm run format"
|
|
24
24
|
},
|
|
25
25
|
"files": [
|