Загрузка видео...

Не удалось загрузить видео

На главную

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→

ChromiumDev's profile picture

Chrome for Developers

420,402 subscribers

33,365 просмотров • 11 месяцев назад •via X (Twitter)

LIVE

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:
0:36

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.
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

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 →
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 просмотров • 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!
0:28

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:
0:52

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

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

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

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.
1:12

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!)
5:54

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!
1:00

👋 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!
0:34

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!
1:04

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

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 год назад

🔥~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
1:23

🔥~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 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!
0:30

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 год назад

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:
0:33

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

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 год назад