|
2 | 2 |
|
3 | 3 | [](https://npmjs.org/package/chrome-devtools-mcp) |
4 | 4 |
|
5 | | -`chrome-devtools-mcp` is a Model-Context-Protocol (MCP) server that brings |
6 | | -the power of Chrome DevTools to coding agents. Using it, coding agents can live |
7 | | -debug style, performance or networking issues directly in Chrome. |
| 5 | +`chrome-devtools-mcp` lets your coding agent (such as Gemini, Claude, Cursor or Copilot) |
| 6 | +control and inspect a live Chrome browser. It acts as a Model-Context-Protocol |
| 7 | +(MCP) server, giving your AI coding assistant access to the full power of |
| 8 | +Chrome DevTools for reliable automation, in-depth debugging, and performance analysis. |
8 | 9 |
|
9 | 10 | ## Key features |
10 | 11 |
|
11 | 12 | - **Get performance insights**: Uses [Chrome |
12 | 13 | DevTools](https://github.com/ChromeDevTools/devtools-frontend) to record |
13 | | - traces and extract performance insights. |
| 14 | + traces and extract actionable performance insights. |
14 | 15 | - **Advanced browser debugging**: Analyze network requests, take screenshots and |
15 | 16 | check the browser console. |
16 | 17 | - **Reliable automation**. Uses |
@@ -48,7 +49,7 @@ Add the following config to your MCP client: |
48 | 49 | > [!NOTE] |
49 | 50 | > Using `chrome-devtools-mcp@latest` ensures that your MCP client will always use the latest version of the Chrome DevTools MCP server. |
50 | 51 |
|
51 | | -### MCP Client specific configuration |
| 52 | +### MCP Client configuration |
52 | 53 |
|
53 | 54 | <details> |
54 | 55 | <summary>Claude Code</summary> |
|
0 commit comments