How to set up the Chrome DevTools MCP server
Skills:
Tool Use & Function Calling80%
Learn how to set up the Chrome DevTools MCP server to enhance your coding agent's capabilities. This video guides you through environment requirements, installation, and tailoring the server to your project needs. Discover how to connect it to Chrome for autonomous debugging and validation.
Chapters:
0:00 - Introduction
1:13 - Node.js version requirements
2:12 - Scoping the installation
3:20 - Installing the Chrome DevTools MCP server
3:58 - Configuration files
4:55 - Available debugging tools
5:51 - Configuration options
7:10 - Testing the setup
Resources:
Chrome DevTools MCP on GitHub → https://goo.gle/4rsLT6W
Announcement → https://goo.gle/4jSWS6C
DevTools Times → https://goo.gle/4qD1oZq
Watch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#ChromeForDevelopers #Chrome
Speaker: Matthias Rohmer
Products Mentioned: Chrome, Chrome DevTools,
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
More on: Tool Use & Function Calling
View skill →Related AI Lessons
Chapters (8)
Introduction
1:13
Node.js version requirements
2:12
Scoping the installation
3:20
Installing the Chrome DevTools MCP server
3:58
Configuration files
4:55
Available debugging tools
5:51
Configuration options
7:10
Testing the setup
🎓
Tutor Explanation
DeepCamp AI