Loading video...

Video Failed to Load

Go Home

Debug, optimize, and understand code in real-time with AI assistance in Chrome DevTools! ⚡ TechScoop's Priyanka Sharma reports this game-changer offers AI-assisted debugging and smarter code optimization. Dive in now →

ChromiumDev's profile picture

Chrome for Developers

423,311 subscribers

22,345 views • 1 year ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 →
0:24

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 views • 1 year ago

The future of web development is here! AI assistance is now available in Chrome 131. Learn how this feature can help you code more efficiently: #DevTools
0:27

The future of web development is here! AI assistance is now available in Chrome 131. Learn how this feature can help you code more efficiently: #DevTools

Chrome for Developers

2,621,406 views • 1 year ago

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.
0:32

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,042,627 views • 11 months ago

🐍 Debug Python Like a Pro in VS Code with GPS Explore breakpoints, variable inspection, the call stack, watch expressions, and GitHub Copilot in a real debugging workflow. Happy coding! 💙
12:23

🐍 Debug Python Like a Pro in VS Code with GPS Explore breakpoints, variable inspection, the call stack, watch expressions, and GitHub Copilot in a real debugging workflow. Happy coding! 💙

Visual Studio Code

28,541 views • 1 month ago

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.
7:00

Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.

Addy Osmani

96,001 views • 1 year ago

AI-powered coding, built for developers. 💡 Gemini Code Assist for individuals now brings: ⚡ Up to 180K code completions/month 🤖 AI-powered code reviews for GitHub 🛠️ Coding assistance in VS Code and JetBrains IDEs Start building →
0:31

AI-powered coding, built for developers. 💡 Gemini Code Assist for individuals now brings: ⚡ Up to 180K code completions/month 🤖 AI-powered code reviews for GitHub 🛠️ Coding assistance in VS Code and JetBrains IDEs Start building →

Google for Developers

40,115 views • 1 year ago

Jules, Google’s experimental AI-powered code agent designed to assist developers in fixing bugs and optimizing code. Using Gemini 2.0 AI, Jules automatically identifies and fixes issues, streamlining the debugging process. Currently available to a select group of trusted testers, this innovation promises to accelerate software development. #AI #Coding #SoftwareDevelopment #BugFixes #Jules #Gemini #TechInnovation #DevTools
0:37

Jules, Google’s experimental AI-powered code agent designed to assist developers in fixing bugs and optimizing code. Using Gemini 2.0 AI, Jules automatically identifies and fixes issues, streamlining the debugging process. Currently available to a select group of trusted testers, this innovation promises to accelerate software development. #AI #Coding #SoftwareDevelopment #BugFixes #Jules #Gemini #TechInnovation #DevTools

Wissam Hussein

28,158 views • 1 year ago

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 →
1:01

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 views • 8 months ago

🎓 New course: Learn Foundry Toolkit for VS Code Learn how to build, test, debug, and deploy AI applications with Foundry Toolkit in #VSCode! 🔗 #visualstudiocode #foundry
1:01

🎓 New course: Learn Foundry Toolkit for VS Code Learn how to build, test, debug, and deploy AI applications with Foundry Toolkit in #VSCode! 🔗 #visualstudiocode #foundry

Visual Studio Code

28,263 views • 1 month ago

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
1:01

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,315 views • 11 months ago

🎙️ Big news for developers! The MicroGPT IDE plugin now supports voice interaction! 🌟 💡 Talk directly to your AI agent. ⚡ Code faster, smarter, and hands-free. 🚀 Upgrade your workflow and experience the future of AI-powered coding. #MicroGPT #VoiceInteraction #DevTools
0:43

🎙️ Big news for developers! The MicroGPT IDE plugin now supports voice interaction! 🌟 💡 Talk directly to your AI agent. ⚡ Code faster, smarter, and hands-free. 🚀 Upgrade your workflow and experience the future of AI-powered coding. #MicroGPT #VoiceInteraction #DevTools

MicroGPT

343,084 views • 1 year ago

Announcing Ghostwriter Chat. The first conversational AI built right into your IDE, complete with a proactive Debugger. Generate, debug, refactor, and understand code faster than ever. Available today in Beta.
0:21

Announcing Ghostwriter Chat. The first conversational AI built right into your IDE, complete with a proactive Debugger. Generate, debug, refactor, and understand code faster than ever. Available today in Beta.

Replit ⠕

840,267 views • 3 years ago

Generic AI prompts burn tokens guessing at performance issues from raw source code 📉 Chrome DevTools for agents fixes this. Let your coding agent run real performance traces and agentic Lighthouse audits to catch actual speed, accessibility, and SEO blockers directly in the browser → #GoogleIO
1:54

Generic AI prompts burn tokens guessing at performance issues from raw source code 📉 Chrome DevTools for agents fixes this. Let your coding agent run real performance traces and agentic Lighthouse audits to catch actual speed, accessibility, and SEO blockers directly in the browser → #GoogleIO

Chrome for Developers

15,468 views • 3 months ago

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.
0:33

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.

Addy Osmani

36,935 views • 1 year ago

Errors!! That's the most stressful part about AI coding We lose 40% credits in debugging code We tried to solve it with CodeGuide Debug Agent Just screenshot your error message and upload/paste it The Agent will write a detailed debug prompt Copy & paste it. Error solved.
0:43

Errors!! That's the most stressful part about AI coding We lose 40% credits in debugging code We tried to solve it with CodeGuide Debug Agent Just screenshot your error message and upload/paste it The Agent will write a detailed debug prompt Copy & paste it. Error solved.

CJ Zafir

12,554 views • 1 year ago

This is insane. We can now detect feelings in real-time through facial expressions using AI. (Open-sourced code in the next tweet)
1:10

This is insane. We can now detect feelings in real-time through facial expressions using AI. (Open-sourced code in the next tweet)

Rowan Cheung

3,157,721 views • 3 years ago

Build smarter and more powerful web apps with Chrome’s built-in AI APIs. The Chrome AI Challenge 2025 is live with $70K in prizes. Start building today →
0:54

Build smarter and more powerful web apps with Chrome’s built-in AI APIs. The Chrome AI Challenge 2025 is live with $70K in prizes. Start building today →

Google for Developers

18,593 views • 11 months ago