正在加载视频...

视频加载失败

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

Gemini in DevTools is your new helper for 🎨 styling, 📡 network requests, 📄 sources, and ⏱️ performance. See it in action and try out prompts with our interactive Hangar demo→

Chrome for Developers

420,402 subscribers

33,365 次观看 • 11 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

Gemini 3 brings new capabilities to Google Gemini including visual layout and dynamic view for more visual and interactive responses. Check it out in action with these 3 prompts:

Gemini 3 brings new capabilities to Google Gemini including visual layout and dynamic view for more visual and interactive responses. Check it out in action with these 3 prompts:

Google

75,222 次观看 • 7 个月前

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

95,915 次观看 • 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 年前

New in Chrome DevTools: Annotate performance findings with Gemini! You can now ask Gemini to explain performance traces. Specifically you can generate annotations about events in the performance trace. This is a total game-changer. Double-click an event in the Main track, then click Generate label next to the input field. Gemini can suggest a label based on the stack trace and context. Try it out and let us know what you think!

New in Chrome DevTools: Annotate performance findings with Gemini! You can now ask Gemini to explain performance traces. Specifically you can generate annotations about events in the performance trace. This is a total game-changer. Double-click an event in the Main track, then click Generate label next to the input field. Gemini can suggest a label based on the stack trace and context. Try it out and let us know what you think!

Addy Osmani

88,219 次观看 • 1 年前

.PlayCanvas has added support for Gracia's 4D Gaussian Splats, see it in action in your browser. Try the demo:

.PlayCanvas has added support for Gracia's 4D Gaussian Splats, see it in action in your browser. Try the demo:

80 LEVEL

17,562 次观看 • 3 个月前

Here it is with DevTools open 👀 Can slow down those cross-document View Transitions and see the network requests coming in 🤙 Could totally spend time tweaking different parts of the transition, timing, etc. ✨

Here it is with DevTools open 👀 Can slow down those cross-document View Transitions and see the network requests coming in 🤙 Could totally spend time tweaking different parts of the transition, timing, etc. ✨

jhey ʕ•ᴥ•ʔ

33,944 次观看 • 1 年前

We just dropped Gemini 2.5 Pro (I/O edition). It’s our most intelligent model that’s even better at coding. Now, you can build interactive web apps in Canvas with fewer prompts. Head to and select “Canvas” in the prompt bar to try it out, and let us know what you’re building in the comments.

We just dropped Gemini 2.5 Pro (I/O edition). It’s our most intelligent model that’s even better at coding. Now, you can build interactive web apps in Canvas with fewer prompts. Head to and select “Canvas” in the prompt bar to try it out, and let us know what you’re building in the comments.

Google Gemini

470,303 次观看 • 1 年前

Gemini CLI can now stop and ask for clarification using interactive dialogues, multiple-choice, and yes/no questions before it builds. See the brand-new Ask Me feature in action on this week’s livestream →

Google Cloud Tech

19,988 次观看 • 4 个月前

Personalize how you study and learn any topic with new study notebooks in Gemini. 📓 Study notebooks can be grounded in your course materials and turn Gemini into an interactive, adaptive learning space with personalized lessons based on your quiz performance to help you learn.

Personalize how you study and learn any topic with new study notebooks in Gemini. 📓 Study notebooks can be grounded in your course materials and turn Gemini into an interactive, adaptive learning space with personalized lessons based on your quiz performance to help you learn.

Google Gemini

2,507,212 次观看 • 10 天前

Build your very own electronic music grid looper in minutes, thanks to Canvas 😌🎶 Watch as Gemini UX Designer Tim Bettridge uses Canvas in 2.5 Pro to create a playable grid looper in our latest demo, and try it out for yourself in Gemini here: (sound on to play!)

Build your very own electronic music grid looper in minutes, thanks to Canvas 😌🎶 Watch as Gemini UX Designer Tim Bettridge uses Canvas in 2.5 Pro to create a playable grid looper in our latest demo, and try it out for yourself in Gemini here: (sound on to play!)

Google Gemini App

42,154 次观看 • 1 年前

👋 Meet Canvas, a new interactive space in Gemini that simplifies creating, refining, and sharing your work. Canvas is like a shared whiteboard where you and Gemini can work together. You can refine documents, write code, design prototypes and more while Gemini collaborates with you in real-time to make improvements. Try Canvas today here: and share your creations with us in the comments!

👋 Meet Canvas, a new interactive space in Gemini that simplifies creating, refining, and sharing your work. Canvas is like a shared whiteboard where you and Gemini can work together. You can refine documents, write code, design prototypes and more while Gemini collaborates with you in real-time to make improvements. Try Canvas today here: and share your creations with us in the comments!

G3mini

63,795 次观看 • 1 年前

We asked AI Mode in Search how a basketball player's 3 point shot relates to the quadratic equation. With Gemini 3's new generative UI capabilities, it created an interactive visualization to help bring this concept to life. Try it out with the Gemini 3 drop down in AI Mode and share your examples with us!

We asked AI Mode in Search how a basketball player's 3 point shot relates to the quadratic equation. With Gemini 3's new generative UI capabilities, it created an interactive visualization to help bring this concept to life. Try it out with the Gemini 3 drop down in AI Mode and share your examples with us!

Rajan Patel

202,408 次观看 • 7 个月前

Control your hands and destroy friendships in our physics-based couch/online fighting game. Check out our new trailer, and try the free demo on Steam!

Control your hands and destroy friendships in our physics-based couch/online fighting game. Check out our new trailer, and try the free demo on Steam!

Oblin Party | Out now on Steam!

1,589,899 次观看 • 1 年前

Refactor, generate, and optimize your Android code with Gemini. See Gemini Code Transforms in action and learn how to simplify your development workflow. Watch now →

Refactor, generate, and optimize your Android code with Gemini. See Gemini Code Transforms in action and learn how to simplify your development workflow. Watch now →

Android Studio

12,288 次观看 • 1 年前

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

Google Gemini

414,938 次观看 • 1 年前

🔥~BRAND NEW DEMO REEL OUT~!!!🔥 New, improved, and INTERACTIVE! Looking for a versatile voice for gruff survivors, elderly men to psycho villain and bestial warriors? I'm your guy! ~email in bio~ !! 🌐: #voiceacting #voiceover #interactive #demoreel

Dontae Majors | 🎨 SUMMER C0MM1SS10NS OPEN

35,163 次观看 • 9 个月前

With Gemini 3, thanks to the model’s significant improvements in coding capabilities, you can build interactive 3D designed games with a single prompt. See how Gemini 3 can handle complex prompts to build richer game design and aesthetics:

With Gemini 3, thanks to the model’s significant improvements in coding capabilities, you can build interactive 3D designed games with a single prompt. See how Gemini 3 can handle complex prompts to build richer game design and aesthetics:

Google AI

43,623 次观看 • 7 个月前

Want some help understanding all requests related to your website? Chrome DevTools AI assistance for network helps you analyze page load and inspect network resources. Learn more here →

Want some help understanding all requests related to your website? Chrome DevTools AI assistance for network helps you analyze page load and inspect network resources. Learn more here →

Chrome for Developers

20,905 次观看 • 1 年前