NEW Google Chrome Dev Tools MCP is INSANE!
8:20

NEW Google Chrome Dev Tools MCP is INSANE!

Julian Goldie SEO 26.10.2025 3 736 просмотров 75 лайков обн. 18.02.2026
Поделиться Telegram VK Бот
Транскрипт Скачать .md
Анализ с AI
Описание видео
Want to get more customers, make more profit & save 100s of hours with AI? https://go.juliangoldie.com/ai-profit-boardroom Get a FREE AI Course + Community +1,000 AI Agents + video notes + links to the tools 👉 https://www.skool.com/ai-seo-with-julian-goldie-1553/about 🤖 Need AI Automation Services? Book a FREE AI Discovery Session Here: https://juliangoldieaiautomation.com/ 🚀 Get a FREE SEO strategy Session + Discount Now: https://go.juliangoldie.com/strategy-session 🤯  Want more money, traffic and sales from SEO? Join the SEO Elite Circle👇 https://go.juliangoldie.com/register Click below for FREE access to ✅ 50 FREE AI SEO TOOLS 🔥 200+ AI SEO Prompts! 📈 FREE AI SEO COMMUNITY with 2,000 SEOs ! 🚀 Free AI SEO Course 🏆 Plus TODAY's Video NOTES... https://go.juliangoldie.com/chat-gpt-prompts FREE AI SEO Skool Group: 🚀 Want to rank #1 and make more money with SEO? - Join here → https://www.skool.com/ai-seo-mastermind-group-3510/about - Join our FREE AI SEO Accelerator here: https://www.facebook.com/groups/aiseomastermind

Оглавление (2 сегментов)

  1. 0:00 Segment 1 (00:00 - 05:00) 884 сл.
  2. 5:00 Segment 2 (05:00 - 08:00) 596 сл.
0:00

Segment 1 (00:00 - 05:00)

Google just dropped something that's going to change how you code forever. Your AI can now see what happens in your browser. It can click buttons, fill out forms, read console errors, fix bugs automatically. This isn't some theory. It's live right now and I'm about to show you exactly how to use it. We're talking about Chrome Dev Tools MCP. It's brand new from Google and it's going to blow your mind. Hey, if we haven't met already, I'm the digital avatar of Julian Goldie, CEO of SEO agency Goldie Agency. Whilst he's helping clients get more leads and customers, I'm here to help you get the latest AI updates. Listen, so I just tested something that made me stop everything I was doing. Google released a tool called Chrome DevTools MCP. And this thing is absolutely insane. Let me explain what MCP actually is. MCP stands for model context protocol. is an open standard that connects AI assistance to external tools. Think of it like this. Your AI can write code, but it can't see what happens when that code runs. It's basically coding blind. That's the old way. With Chrome DevTools MCP, your AI gets eyes. It can see the browser, control it, test things, debug issues just like you would manually, except it happens automatically and way faster. Google just launched the public preview in September 2025. This is brand new. The mpm package is live version 0. 30. You can install it right now. Here's what it gives you. Navigation tools. Your AI can open pages and wait for elements to load. Automation tools to click buttons and fill forms. Performance tracing to record and analyze traces automatically. Console monitoring to read every error in real time. Network inspection to list all requests and find failures. This is everything you use in DevTools. Now, here's the setup. You need Node. js JS version 22 or higher. Latest stable Chrome browser. That's it. Installation is simple. You can run it with NPX or configure it in your AI client. Works with Clawude Code. Works with Cursor. Works with Gemini CLI. Works with GitHub Copilot. You just add the MCP server, point it to npx Chrome DevTools MCP latest. Then you launch it. It spins up a Chrome instance. Your AI connects to it. And boom. Now your AI has browser control. You can run it headless with no visible browser window, or you can watch it work. I recommend watching it the first few times because it's honestly wild to see your AI assistant literally controlling your browser like a human would. Now, before I show you the demo, I want to tell you about something. If you're serious about scaling your business with AI, you need to check out my AI profit boardroom. This is where I help business owners save hundreds of hours and thousands of dollars with AI automation. Inside, you'll learn how to automate your entire workflow, generate leads on autopilot, scale faster than ever. We've got case studies, proven systems, a community of people doing this right now. The link is in the description. Go check it out at school. com/iprofitlab. All right, back to the demo. Let me show you how this works in real life. I set up a local dev server running on local host port 8080. Simple login form, username field, password field, submit button. But the form is broken. I open my AI assistant. I type this prompt. Check the login form at localhost 880. Fill it with test data. Find out why submission fails. I hit enter. The AI starts working. Browser window opens. Navigates to localhost 8080. AI fills in the username field. Fills in password field. Clicks the submit button. The form tries to submit. Request goes out. Comes back with an error. 500 internal server error. The AI sees this in the network tab. It also checks the console. Console shows an error message. Failed to post to / Aapi/login. The AI reads all of this. Then it tells exactly what's wrong. The endpoint path is incorrect. It's trying to post to / API/ login, but my server expects / AI/submit login. That's the bug. This is the power of Chrome DevTools MCP. Your AI isn't just guessing anymore. It's seeing the actual runtime behavior, testing real scenarios, reading real errors, proposing real fixes, then verifying those fixes actually work. Let me give you a few more use cases. Performance optimization. Your page loads slow. Tell your AI to run a performance trace. It records, loads your page, stops the trace, analyzes the results, then tells you exactly what's slowing things down. Maybe you got render blocking scripts. Maybe images aren't optimized. The AI sees all of this, gives you actionable recommendations, form validation bugs. You've got a complex checkout form, multiple steps. Users report they can't complete checkout. With Chrome DevTools MCP, you tell your AI to walk through the entire checkout flow. It goes step by step. If any step fails, it catches it, reads the error, tells you exactly which validation is broken. Network errors and COS issues. These are a pain to debug. With ChromeDev Tools MCP, your AI sees the exact network request, reads the COS error, checks the headers, tells
5:00

Segment 2 (05:00 - 08:00)

you exactly what's missing. You add the header, test again, problem solved. Now, let me talk about some important things you need to know. First, this is a public preview. Google is building this incrementally. Some features might be missing. That's okay. It's still incredibly powerful and it's only going to get better. Second, you need recent software. Node. js version 22 or higher. Latest stable Chrome. Update your tools if needed. Third, security matters. Chrome Dev Tools. MCP gives your AI control over a browser instance. Don't use this with sensitive data. Don't connect it to your main browser profile. Use isolated mode. Create a separate user data directory. Keep your personal browsing separate. I've been testing this for the past week and I'm not going back. Every bug I need to debug, I start with Chrome DevTools MCP. It saves me hours every single day. hours I can spend on highv value work, strategy, architecture, complex problem solving, not clicking through forms over and over. Here's what you need to do right now. First, install Node. js version 22 if you don't have it. Second, make sure your Chrome is updated. Third, pick an AI coding assistant. Claude Code is great. Cursor works well. Gemini CLI is solid. Fourth, install Chrome DevTools MCP. Run the MPX command or add it to your config. Fifth, test it on something simple. A local dev server, a form, a button, see it work. The future of coding is not just writing code. It's writing code that gets tested automatically, debugged automatically, optimized automatically with real browser feedback, real runtime data, real user scenarios. That's what Chrome DevTools MCP enables, and that's why it's insane. Julian Goldie reads every comment, so make sure you comment below and let me know what you think about this. Are you going to try Chrome DevTools MCP? What bugs are you going to debug first? Drop a comment. Let's talk about it. Now, if you want to take your AI skills to the next level, you need to check out the free AI money lab with Julian Goldie. Inside, you'll get 50 plus free AI tools and 200 plus chat GPT SEO prompts. You'll learn how to make money with AI agents. Get access to 1,000 plus free N8N workflows, 200 plus chat GPT prompts, a full blueprint to generate thousands of leads free with AI. What you'll also get is a free AI community, free AI course, proven AI case studies. This is everything you need to scale your business with AI. The link is in the description. Go check it out right now. And if you're serious about scaling, join my AI profit boardroom at school. com/iprofitlab. This is where I help business owners save hundreds of hours and thousands of dollars with AI automation. We've got the systems, the community, the case studies, everything you need to build a real AI powered business. Chrome DevTools MCP is just the beginning. We're entering an era where AI doesn't just write code. It tests code, debugs code, optimizes code, all automatically, all in real time. This is the future and it's available right now. Don't sleep on this. Get ahead. Install it today. Start testing. Start building. Start shipping better code faster. Go install Chrome DevTools MCP right now. Test it on your next bug. See how much time it saves you. Then come back and tell me about it. Drop a comment. Share your experience. Let's build the future together. Thanks for watching and I'll see you in the next

Ещё от Julian Goldie SEO

Ctrl+V

Экстракт Знаний в Telegram

Транскрипты, идеи, методички — всё самое полезное из лучших YouTube-каналов.

Подписаться