Artwork

Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.
Player FM -팟 캐스트 앱
Player FM 앱으로 오프라인으로 전환하세요!

945: Chrome Dev Tools MCP Server

29:14
 
공유
 

Manage episode 513353878 series 1469447
Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.

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

  continue reading

950 에피소드

Artwork
icon공유
 
Manage episode 513353878 series 1469447
Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers에서 제공하는 콘텐츠입니다. 에피소드, 그래픽, 팟캐스트 설명을 포함한 모든 팟캐스트 콘텐츠는 Wes Bos and Scott Tolinski - Full Stack JavaScript Web Developers 또는 해당 팟캐스트 플랫폼 파트너가 직접 업로드하고 제공합니다. 누군가가 귀하의 허락 없이 귀하의 저작물을 사용하고 있다고 생각되는 경우 여기에 설명된 절차를 따르실 수 있습니다 https://ko.player.fm/legal.

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

  continue reading

950 에피소드

כל הפרקים

×
 
Loading …

플레이어 FM에 오신것을 환영합니다!

플레이어 FM은 웹에서 고품질 팟캐스트를 검색하여 지금 바로 즐길 수 있도록 합니다. 최고의 팟캐스트 앱이며 Android, iPhone 및 웹에서도 작동합니다. 장치 간 구독 동기화를 위해 가입하세요.

 

빠른 참조 가이드

탐색하는 동안 이 프로그램을 들어보세요.
재생