正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Chrome DevTools MCP in Cursor

Alex Sidorenko

35,155 subscribers

37,649 次观看 • 5 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Chrome for Developers

1,041,402 次观看 • 8 个月前

Connect your agents directly to Chrome DevTools. 🛠️ The new Chrome DevTools MCP server allows agents to inspect the DOM and debug console errors in real-time using Gemini CLI or any compatible agent. Check out the documentation on GitHub →

Connect your agents directly to Chrome DevTools. 🛠️ The new Chrome DevTools MCP server allows agents to inspect the DOM and debug console errors in real-time using Gemini CLI or any compatible agent. Check out the documentation on GitHub →

Google for Developers

22,793 次观看 • 5 个月前

Claude Code 的 Chrome DevTools MCP用上了，好用！完成了自动化测试，用的是 Deepseek 3.1 的最新模型。用起来也舒服，费用可控。 —— MCP添加方式： claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest —— 调用方法，比如：“请你进行联调测试，可以使用浏览器”

Claude Code 的 Chrome DevTools MCP用上了，好用！完成了自动化测试，用的是 Deepseek 3.1 的最新模型。用起来也舒服，费用可控。 —— MCP添加方式： claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest —— 调用方法，比如：“请你进行联调测试，可以使用浏览器”

熊布朗（deeptoai.com)

43,333 次观看 • 8 个月前

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,294 次观看 • 8 个月前

This update quietly changed coding forever. Here’s the new flow ⤵️ 1. Install Chrome DevTools MCP 2. Connect Cursor or Claude or Copilot 3. AI launches Chrome 4. AI inspects DOM + console 5. AI fixes and validates bugs No screenshots. No guessing. Save this video, you’ll automate debugging. Want the SOP? DM me. 💬

This update quietly changed coding forever. Here’s the new flow ⤵️ 1. Install Chrome DevTools MCP 2. Connect Cursor or Claude or Copilot 3. AI launches Chrome 4. AI inspects DOM + console 5. AI fixes and validates bugs No screenshots. No guessing. Save this video, you’ll automate debugging. Want the SOP? DM me. 💬

Julian Goldie SEO

28,793 次观看 • 5 个月前

Chrome DevTools MCP is going to be a Swiss-Army knife MCP. Watch me use it here with Gemini CLI to open Google Scholar, search for a term, and save the top 5 PDFs to a local folder. I cannot stop thinking of all sorts of personal automation possibilities with this. Amazing release from the Chrome for Developers team!

Chrome DevTools MCP is going to be a Swiss-Army knife MCP. Watch me use it here with Gemini CLI to open Google Scholar, search for a term, and save the top 5 PDFs to a local folder. I cannot stop thinking of all sorts of personal automation possibilities with this. Amazing release from the Chrome for Developers team!

Delip Rao e/σ

238,890 次观看 • 8 个月前

goose + the Chrome DevTools MCP server is a cheat code. It fixes all my Docusaurus and TailwindCSS issues, then checks desktop, tablet, and mobile to confirm the fix actually worked. The future is now 😂

goose + the Chrome DevTools MCP server is a cheat code. It fixes all my Docusaurus and TailwindCSS issues, then checks desktop, tablet, and mobile to confirm the fix actually worked. The future is now 😂

Rizèl Scarlett 🇦🇬🇬🇾

75,408 次观看 • 5 个月前

I created a small tool to automatically set breakpoints in Chrome using the CDP (Chrome DevTools Protocol). It’s still in beta, but I’m actively working on a complete version..

I created a small tool to automatically set breakpoints in Chrome using the CDP (Chrome DevTools Protocol). It’s still in beta, but I’m actively working on a complete version..

m4ll0k

12,155 次观看 • 1 年前

Setup MCP on Cursor with Google Docs in less than 2 mins!! I used Cursor to to create PRDs in Google Docs Here's how you can do it too: - Go to the MCP directory - Search for Google Docs and grab your sse url - Paste the url and set up MCP in Cursor - Use Cursor Agent to authenticate and create PRD Check out the 100+ tools available at

Setup MCP on Cursor with Google Docs in less than 2 mins!! I used Cursor to to create PRDs in Google Docs Here's how you can do it too: - Go to the MCP directory - Search for Google Docs and grab your sse url - Paste the url and set up MCP in Cursor - Use Cursor Agent to authenticate and create PRD Check out the 100+ tools available at

Soham

151,139 次观看 • 1 年前

Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇

Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇

jhey ʕ•ᴥ•ʔ

272,683 次观看 • 2 年前

Why pay for LinkedIn Premium when you can just fire up Chrome devtools? 😏

Why pay for LinkedIn Premium when you can just fire up Chrome devtools? 😏

Charly Wargnier

1,020,920 次观看 • 2 个月前

Introducing "Ask AI" across Chrome DevTools + save changes directly to your source code! #googleio

Introducing "Ask AI" across Chrome DevTools + save changes directly to your source code! #googleio

Addy Osmani

20,392 次观看 • 1 年前

[Introducing] Add Stripe's official MCP to your Cursor, in a couple of clicks.

[Introducing] Add Stripe's official MCP to your Cursor, in a couple of clicks.

Jeff Weinstein

54,953 次观看 • 1 年前

Automate Customer Support entirely with Cursor + MCP!! Cursor Agent can now autonomously fetch emails, solve code issues with codebase indexing and reply to these emails. Here's how you can do it in just 2 mins, - Go to Composio's MCP directory - Click on the Gmail app and copy the sse url for Cursor - Add MCP server in cursor and complete auth - Let Cursor fetch emails, solve issues and reply to the query instantly All you need is

Automate Customer Support entirely with Cursor + MCP!! Cursor Agent can now autonomously fetch emails, solve code issues with codebase indexing and reply to these emails. Here's how you can do it in just 2 mins, - Go to Composio's MCP directory - Click on the Gmail app and copy the sse url for Cursor - Add MCP server in cursor and complete auth - Let Cursor fetch emails, solve issues and reply to the query instantly All you need is

Karan Vaidya

63,866 次观看 • 1 年前

holy shit i just built an mcp server that sets up other mcp servers in cursor in seconds 🤯 literally asked it to set up stripe mcp and it just... worked!

holy shit i just built an mcp server that sets up other mcp servers in cursor in seconds 🤯 literally asked it to set up stripe mcp and it just... worked!

Ian Nuttall

90,591 次观看 • 1 年前

Improving Chrome DevTools debugging with AI: a quick overview of new features we recently shipped.

Improving Chrome DevTools debugging with AI: a quick overview of new features we recently shipped.

Addy Osmani

14,800 次观看 • 1 年前

AI assistance in Chrome DevTools is here with Chrome 131! 🚀 Using Gemini, it helps you debug styling issues, understand layouts, and get AI-generated fixes for CSS bugs. Learn more →

AI assistance in Chrome DevTools is here with Chrome 131! 🚀 Using Gemini, it helps you debug styling issues, understand layouts, and get AI-generated fixes for CSS bugs. Learn more →

Google for Developers

17,235 次观看 • 1 年前

Just published a command that lets you inspect Safari websites / WebViews with Chrome DevTools in a single command: ~ / npx inspect-webkit

Just published a command that lets you inspect Safari websites / WebViews with Chrome DevTools in a single command: ~ / npx inspect-webkit

Evan Bacon 🥓

17,716 次观看 • 1 个月前

the new --cpu-prof flag is a really nice way to see how much of your time Bun is spending on the CPU ⚡ you can open the profile directly in VSCode/Cursor/Chrome DevTools. also makes it easier to compare how your script performs in Bun vs Node!

Lydia Hallie ✨

70,061 次观看 • 7 个月前

Connect your Supabase database via MCP server to Cursor

Connect your Supabase database via MCP server to Cursor

Supabase

176,768 次观看 • 1 年前