正在加载视频...

视频加载失败

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

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 →

Chrome for Developers

423,311 subscribers

22,345 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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 年前

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

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 次观看 • 1 年前

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,042,627 次观看 • 11 个月前

🐍 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! 💙

🐍 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 次观看 • 1 个月前

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.

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 次观看 • 1 年前

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 →

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 次观看 • 1 年前

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

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 次观看 • 1 年前

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 次观看 • 8 个月前

🎓 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

🎓 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 次观看 • 1 个月前

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,315 次观看 • 11 个月前

🎙️ 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

🎙️ 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 次观看 • 1 年前

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.

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 次观看 • 3 年前

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

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 次观看 • 3 个月前

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.

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 次观看 • 1 年前

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.

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 次观看 • 1 年前

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

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 次观看 • 3 年前

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 →

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 次观看 • 11 个月前