You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
***screenshot:** add WebP format support with quality parameter ([#220](https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/220)) ([03e02a2](https://github.com/ChromeDevTools/chrome-devtools-mcp/commit/03e02a2d769fbfc0c98599444dfed5413d15ae6e))
9
+
***screenshot:** adds ability to output screenshot to a specific pat… ([#172](https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/172)) ([f030726](https://github.com/ChromeDevTools/chrome-devtools-mcp/commit/f03072698ddda8587ce23229d733405f88b7c89e))
10
+
* support --accept-insecure-certs CLI ([#231](https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/231)) ([efb106d](https://github.com/ChromeDevTools/chrome-devtools-mcp/commit/efb106dc94af0057f88c89f810beb65114eeaa4b))
11
+
* support --proxy-server CLI ([#230](https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/230)) ([dfacc75](https://github.com/ChromeDevTools/chrome-devtools-mcp/commit/dfacc75ee9f46137b5194e35fc604b89a00ff53f))
12
+
* support initial viewport in the CLI ([#229](https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/229)) ([ef61a08](https://github.com/ChromeDevTools/chrome-devtools-mcp/commit/ef61a08707056c5078d268a83a2c95d10e224f31))
13
+
* support timeouts in wait_for and navigations ([#228](https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/228)) ([36e64d5](https://github.com/ChromeDevTools/chrome-devtools-mcp/commit/36e64d5ae21e8bb244a18201a23a16932947e938))
14
+
15
+
16
+
### Bug Fixes
17
+
18
+
***network:** show only selected request ([#236](https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/236)) ([73f0aec](https://github.com/ChromeDevTools/chrome-devtools-mcp/commit/73f0aecd8a48b9d1ee354897fe14d785c80e863e))
19
+
* PageCollector subscribing multiple times ([#241](https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/241)) ([0412878](https://github.com/ChromeDevTools/chrome-devtools-mcp/commit/0412878bf51ae46e48a171183bb38cfbbee1038a))
20
+
* snapshot does not capture Iframe content ([#217](https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/217)) ([ce356f2](https://github.com/ChromeDevTools/chrome-devtools-mcp/commit/ce356f256545e805db74664797de5f42e7b92bed)), closes [#186](https://github.com/ChromeDevTools/chrome-devtools-mcp/issues/186)
@@ -40,7 +42,7 @@ Add the following config to your MCP client:
40
42
"mcpServers": {
41
43
"chrome-devtools": {
42
44
"command": "npx",
43
-
"args": ["chrome-devtools-mcp@latest"]
45
+
"args": ["-y", "chrome-devtools-mcp@latest"]
44
46
}
45
47
}
46
48
}
@@ -94,6 +96,30 @@ startup_timeout_ms = 20_000
94
96
95
97
</details>
96
98
99
+
<details>
100
+
<summary>Copilot CLI</summary>
101
+
102
+
Start Copilot CLI:
103
+
104
+
```
105
+
copilot
106
+
```
107
+
108
+
Start the dialog to add a new MCP server by running:
109
+
110
+
```
111
+
/mcp add
112
+
```
113
+
114
+
Configure the following fields and press `CTR-S` to save the configuration:
115
+
116
+
-**Server name:**`chrome-devtools`
117
+
-**Server Type:**`[1] Local`
118
+
-**Command:**`npx`
119
+
-**Arguments:**`-y, chrome-devtools-mcp@latest`
120
+
121
+
</details>
122
+
97
123
<details>
98
124
<summary>Copilot / VS Code</summary>
99
125
Follow the MCP install <ahref="https://code.visualstudio.com/docs/copilot/chat/mcp-servers#_add-an-mcp-server">guide</a>,
@@ -104,20 +130,12 @@ startup_timeout_ms = 20_000
104
130
```
105
131
</details>
106
132
107
-
<details>
108
-
<summary>Visual Studio</summary>
109
-
110
-
**Click the button to install:**
111
-
112
-
[<imgsrc="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%22chrome-devtools-mcp%40latest%22%5D%7D)
113
-
</details>
114
-
115
133
<details>
116
134
<summary>Cursor</summary>
117
135
118
136
**Click the button to install:**
119
137
120
-
[<imgsrc="https://cursor.com/deeplink/mcp-install-dark.svg"alt="Install in Cursor">](https://cursor.com/en/install-mcp?name=chrome-devtools&config=eyJjb21tYW5kIjoibnB4IGNocm9tZS1kZXZ0b29scy1tY3BAbGF0ZXN0In0%3D)
138
+
[<imgsrc="https://cursor.com/deeplink/mcp-install-dark.svg"alt="Install in Cursor">](https://cursor.com/en/install-mcp?name=chrome-devtools&config=eyJjb21tYW5kIjoibnB4IC15IGNocm9tZS1kZXZ0b29scy1tY3BAbGF0ZXN0In0%3D)
121
139
122
140
**Or install manually:**
123
141
@@ -159,6 +177,14 @@ The same way chrome-devtools-mcp can be configured for JetBrains Junie in `Setti
159
177
160
178
</details>
161
179
180
+
<details>
181
+
<summary>Visual Studio</summary>
182
+
183
+
**Click the button to install:**
184
+
185
+
[<imgsrc="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%22chrome-devtools-mcp%40latest%22%5D%7D)
186
+
</details>
187
+
162
188
### Your first prompt
163
189
164
190
Enter the following prompt in your MCP Client to check if everything is working:
@@ -174,6 +200,8 @@ Your MCP client should open the browser and record a performance trace.
174
200
175
201
## Tools
176
202
203
+
If you run into any issues, checkout our [troubleshooting guide](./docs/troubleshooting.md).
204
+
177
205
<!-- BEGIN AUTO GENERATED TOOLS -->
178
206
179
207
-**Input automation** (7 tools)
@@ -244,6 +272,18 @@ The Chrome DevTools MCP server supports the following configuration option:
244
272
Path to a file to write debug logs to. Set the env variable `DEBUG` to `*` to enable verbose logs. Useful for submitting bug reports.
245
273
-**Type:** string
246
274
275
+
-**`--viewport`**
276
+
Initial viewport size for the Chromee instances started by the server. For example, `1280x720`
277
+
-**Type:** string
278
+
279
+
-**`--proxyServer`**
280
+
Proxy server configuration for Chrome passed as --proxy-server when launching the browser. See https://www.chromium.org/developers/design-documents/network-settings/ for details.
281
+
-**Type:** string
282
+
283
+
-**`--acceptInsecureCerts`**
284
+
If enabled, ignores errors relative to self-signed and expired certificates. Use with caution.
285
+
-**Type:** boolean
286
+
247
287
<!-- END AUTO GENERATED OPTIONS -->
248
288
249
289
Pass them via the `args` property in the JSON configuration. For example:
Copy file name to clipboardExpand all lines: docs/tool-reference.md
+5Lines changed: 5 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -138,6 +138,7 @@
138
138
139
139
**Parameters:**
140
140
141
+
-**timeout** (integer) _(optional)_: Maximum wait time in milliseconds. If set to 0, the default timeout will be used.
141
142
-**url** (string) **(required)**: URL to navigate the page to
142
143
143
144
---
@@ -149,6 +150,7 @@
149
150
**Parameters:**
150
151
151
152
-**navigate** (enum: "back", "forward") **(required)**: Whether to navigate back or navigate forward in the selected pages history
153
+
-**timeout** (integer) _(optional)_: Maximum wait time in milliseconds. If set to 0, the default timeout will be used.
152
154
153
155
---
154
156
@@ -158,6 +160,7 @@
158
160
159
161
**Parameters:**
160
162
163
+
-**timeout** (integer) _(optional)_: Maximum wait time in milliseconds. If set to 0, the default timeout will be used.
161
164
-**url** (string) **(required)**: URL to load in a new page.
162
165
163
166
---
@@ -179,6 +182,7 @@
179
182
**Parameters:**
180
183
181
184
-**text** (string) **(required)**: Text to appear on the page
185
+
-**timeout** (integer) _(optional)_: Maximum wait time in milliseconds. If set to 0, the default timeout will be used.
182
186
183
187
---
184
188
@@ -306,6 +310,7 @@ so returned values have to JSON-serializable.
306
310
307
311
**Parameters:**
308
312
313
+
-**filePath** (string) _(optional)_: The absolute path, or a path relative to the current working directory, to save the screenshot to instead of attaching it to the response.
309
314
-**format** (enum: "png", "jpeg", "webp") _(optional)_: Type of format to save the screenshot as. Default is "png"
310
315
-**fullPage** (boolean) _(optional)_: If set to true takes a screenshot of the full page instead of the currently visible viewport. Incompatible with uid.
311
316
-**quality** (number) _(optional)_: Compression quality for JPEG and WebP formats (0-100). Higher values mean better quality but larger file sizes. Ignored for PNG format.
0 commit comments