Sign up to save your podcasts
Or
Share 945: Chrome Dev Tools MCP Server
Share to email
Share to Facebook
Share to X
Share to email
Share to Facebook
Share to X
Or
945: Chrome Dev Tools MCP Server
Scott and Wes dive into Chrome’s new MCP server; a dev tools API powered by Puppeteer that gives your scripts, editors, and AI agents full access to Chrome. They break down how it works, what it can (and can’t) do, and how it might change debugging and automation for developers
Show Notes
00:00 Welcome to Syntax!
01:15 Syntax San Francisco Meetup.
01:55 We need your Spooky Stories!
02:42 What is an MCP Server?
04:28 MCP servers are not only for code editors.
06:43 Brought to you by Sentry.io.
07:49 Dev Tools MCP is similar to Puppeteer.
09:20 Setting up an MCP Server.
11:36 Example of MCP with Dominos Pizza.
13:23 Accessing Dev tools from your editor.
14:23 In VS Code, you can “Open Link”.
15:22 Using the MCP server.
16:26 Chrome has Debug insights inside of chrome’s dev tools.
18:38 Real world things the Chrome MCP server can do.
18:43 Analyzing performance.
19:55 Taking screenshots.
21:17 Performance fix feedback loop.
22:33 Remote connecting browsers.
24:54 Browser-use.
25:18 What are the limitations?
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads
View all episodes
By Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
4.9
972972 ratings
Scott and Wes dive into Chrome’s new MCP server; a dev tools API powered by Puppeteer that gives your scripts, editors, and AI agents full access to Chrome. They break down how it works, what it can (and can’t) do, and how it might change debugging and automation for developers
Show Notes
00:00 Welcome to Syntax!
01:15 Syntax San Francisco Meetup.
01:55 We need your Spooky Stories!
02:42 What is an MCP Server?
04:28 MCP servers are not only for code editors.
06:43 Brought to you by Sentry.io.
07:49 Dev Tools MCP is similar to Puppeteer.
09:20 Setting up an MCP Server.
11:36 Example of MCP with Dominos Pizza.
13:23 Accessing Dev tools from your editor.
14:23 In VS Code, you can “Open Link”.
15:22 Using the MCP server.
16:26 Chrome has Debug insights inside of chrome’s dev tools.
18:38 Real world things the Chrome MCP server can do.
18:43 Analyzing performance.
19:55 Taking screenshots.
21:17 Performance fix feedback loop.
22:33 Remote connecting browsers.
24:54 Browser-use.
25:18 What are the limitations?
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads
More shows like Syntax - Tasty Web Development Treats
View all
Software Engineering Radio
271 Listeners
Hanselminutes with Scott Hanselman
379 Listeners
The Changelog: Software Development, Open Source
291 Listeners
Software Engineering Daily
624 Listeners
Talk Python To Me
588 Listeners
Soft Skills Engineering
284 Listeners
Thoughtworks Technology Podcast
41 Listeners
The freeCodeCamp Podcast
485 Listeners
CoRecursive: Coding Stories
188 Listeners
.NET Rocks!
245 Listeners
The Stack Overflow Podcast
62 Listeners
The Real Python Podcast
142 Listeners
PodRocket
59 Listeners
Oxide and Friends
59 Listeners
The Pragmatic Engineer
65 Listeners