Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

addyosmani's profile picture

Addy Osmani

393,718 subscribers

88,219 görüntüleme • 1 yıl önce •via X (Twitter)

Haberler & PolitikaBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

Prasenjit profil fotoğrafı
Prasenjit1 yıl önce

@ChromeDevTools How to do it, I'm in console, even double clicked it, nothing is happening.

Addy Osmani profil fotoğrafı
Addy Osmani1 yıl önce

@ChromeDevTools This is in Chrome 137. You need to first record a performance trace (Performance panel) to use it.

RTTS profil fotoğrafı
RTTS1 yıl önce

Testing Salesforce presents unique challenges due to its complexity, scalability and customizability. ​ RTTS can plan, design & automate a successful testing process for you.

Gokul profil fotoğrafı
Gokul1 yıl önce

@ChromeDevTools This is huge 👍!

Addy Osmani profil fotoğrafı
Addy Osmani1 yıl önce

@ChromeDevTools 🙏

Jerome Dahdah @ 🇳🇱 profil fotoğrafı
Jerome Dahdah @ 🇳🇱1 yıl önce

@ChromeDevTools Great start, but I would need it to explain “microtask execution and data processing” as well. While this is definitely an improvement, it’s still too vague to be actionable.

Goubie グービー profil fotoğrafı
Goubie グービー1 yıl önce

@ChromeDevTools

Kishan Srivastava profil fotoğrafı
Kishan Srivastava1 yıl önce

@ChromeDevTools This is incredible news for developers. AI insights will make performance review and debugging effortless with the integration on Chrome Dev Tools. Looking forward to checking this out and we will see how much work this removes. Good work, team.

Maxime profil fotoğrafı
Maxime1 yıl önce

@ChromeDevTools can we save those trace *with* the annotations to share with other people?

Firat Özcan profil fotoğrafı
Firat Özcan1 yıl önce

@ChromeDevTools Would be nice to have a bulk option somehow, mark a section or rectangle and everything that overlaps get's a label, maybe Gemini could even label same executions in a different way too then to see repetitions?

StephanieThomas profil fotoğrafı
StephanieThomas1 yıl önce

@ChromeDevTools @Michael_ReedSEA clutch af straight called it used ur template back from the dead

Benzer Videolar

In Chrome DevTools, AI via Gemini can now help you understand what the problem is and how to fix it, straight from the Console!
0:30

In Chrome DevTools, AI via Gemini can now help you understand what the problem is and how to fix it, straight from the Console!

Addy Osmani

154,070 görüntüleme • 2 yıl önce

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,910 görüntüleme • 1 yıl önce

That's pretty powerful You can turn any YT video into an infographic using Nano Banana Pro in Gemini. - Copy any YT link - Paste in Gemini and ask it to analyze it (Gemini can access the video just using the URL) - Then ask for an infographic Prompt: "Generate an image of an infographic explaining the concept presented in the video."
0:37

That's pretty powerful You can turn any YT video into an infographic using Nano Banana Pro in Gemini. - Copy any YT link - Paste in Gemini and ask it to analyze it (Gemini can access the video just using the URL) - Then ask for an infographic Prompt: "Generate an image of an infographic explaining the concept presented in the video."

Paul Couvert

168,250 görüntüleme • 7 ay önce

Art history, but make it interesting. Ask Gemini in Chrome to explain a subject like it’s your favorite series 🍿 Try it yourself: Just click the Gemini icon in the corner of Chrome
0:21

Art history, but make it interesting. Ask Gemini in Chrome to explain a subject like it’s your favorite series 🍿 Try it yourself: Just click the Gemini icon in the corner of Chrome

Chrome

47,905 görüntüleme • 7 ay önce

Chrome has received a massive AI update Gemini in Chrome can see your screen live and interact with you to explain things. Discussion is extremely natural and is a game-changer for learning. Here's how to access it: 1. Use a Gemini Pro/Ultra account 2. Log in to this account on Chrome 3. The icon should appear in the top right-hand corner 4. Click on it or use the shortcut Alt+G At the end of your conversation, the entire transcript is available: It's easy to find information in the future!
3:47

Chrome has received a massive AI update Gemini in Chrome can see your screen live and interact with you to explain things. Discussion is extremely natural and is a game-changer for learning. Here's how to access it: 1. Use a Gemini Pro/Ultra account 2. Log in to this account on Chrome 3. The icon should appear in the top right-hand corner 4. Click on it or use the shortcut Alt+G At the end of your conversation, the entire transcript is available: It's easy to find information in the future!

Paul Couvert

277,519 görüntüleme • 1 yıl önce

Think you can outsmart Gemini? We challenge you to a chess match! Play Gemini in a game of chess with our newest Gem: Chess champ. Explore different openings as you banter back and forth with Gemini. Available in the Gemini web app. ♟️Can you beat it? →
0:32

Think you can outsmart Gemini? We challenge you to a chess match! Play Gemini in a game of chess with our newest Gem: Chess champ. Explore different openings as you banter back and forth with Gemini. Available in the Gemini web app. ♟️Can you beat it? →

Google Gemini

59,435 görüntüleme • 1 yıl önce

You can just ask Perplexity Comet to generate a video for you using Veo 3 inside Gemini 🙂 You can either give a detailed prompt with steps or just keep it simple like this, both work: Comet Prompt: You have access to the Gemini interface, use it to generate a video and wait for rendering to complete. Prompt: It figures out the rest. Where to paste the prompt, whether to click the video option, everything. Pretty smart.
0:21

You can just ask Perplexity Comet to generate a video for you using Veo 3 inside Gemini 🙂 You can either give a detailed prompt with steps or just keep it simple like this, both work: Comet Prompt: You have access to the Gemini interface, use it to generate a video and wait for rendering to complete. Prompt: It figures out the rest. Where to paste the prompt, whether to click the video option, everything. Pretty smart.

AshutoshShrivastava

35,501 görüntüleme • 11 ay önce

Introducing Gemini 3 ✨ It’s the best model in the world for multimodal understanding, and our most powerful agentic + vibe coding model yet. Gemini 3 can bring any idea to life, quickly grasping context and intent so you can get what you need with less prompting. Find Gemini 3 Pro rolling out today in the Google Gemini and AI Mode in Search. For developers, build with it now in Google AI Studio and Vertex AI. Excited for you to try it!
0:51

Introducing Gemini 3 ✨ It’s the best model in the world for multimodal understanding, and our most powerful agentic + vibe coding model yet. Gemini 3 can bring any idea to life, quickly grasping context and intent so you can get what you need with less prompting. Find Gemini 3 Pro rolling out today in the Google Gemini and AI Mode in Search. For developers, build with it now in Google AI Studio and Vertex AI. Excited for you to try it!

Sundar Pichai

2,949,245 görüntüleme • 7 ay önce

Watch how fast Gemini 3.1 Flash-Lite can generate websites. ⚡ This browser creates each page in real-time as you click, search, and navigate. Give it a try →
1:27

Watch how fast Gemini 3.1 Flash-Lite can generate websites. ⚡ This browser creates each page in real-time as you click, search, and navigate. Give it a try →

Google DeepMind

838,497 görüntüleme • 3 ay önce

With our new Ask Maps feature, you can truly ask anything about anywhere, with help from the latest Gemini models. Ready to roll? Try asking for a walking ghost tour in your city. 👻 Now rolling out in the US and India.
0:55

With our new Ask Maps feature, you can truly ask anything about anywhere, with help from the latest Gemini models. Ready to roll? Try asking for a walking ghost tour in your city. 👻 Now rolling out in the US and India.

Google Maps

69,859 görüntüleme • 3 ay önce

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

94,601 görüntüleme • 1 gün önce

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,294 görüntüleme • 8 ay önce

NEW: you can now generate images using Gemini 3 Pro (with Nano Banana) in Figma
1:05

NEW: you can now generate images using Gemini 3 Pro (with Nano Banana) in Figma

Figma

261,429 görüntüleme • 7 ay önce

Spot the new lightbulb icon #ChromeDevTools? Click on it to see how #Gemini can help you with the error! Try it yourself👇
0:21

Spot the new lightbulb icon #ChromeDevTools? Click on it to see how #Gemini can help you with the error! Try it yourself👇

Jecelyn Yeen 🐟

79,162 görüntüleme • 2 yıl önce

Breaking: You can now practice JEE Mains exams in Gemini at no cost This is huge and will help a lot of students in India. To try it out, tell Gemini to generate a practice JEE Main test. Google is winning big here. This is a smart move and it is great to see real importance given to things that actually matter.
0:39

Breaking: You can now practice JEE Mains exams in Gemini at no cost This is huge and will help a lot of students in India. To try it out, tell Gemini to generate a practice JEE Main test. Google is winning big here. This is a smart move and it is great to see real importance given to things that actually matter.

AshutoshShrivastava

17,655 görüntüleme • 4 ay önce

You can now add events to Google Calendar from Gmail with a single click on mobile! After Gemini detects event details in an email, simply tap "Add to Calendar" to save it to Calendar.
0:24

You can now add events to Google Calendar from Gmail with a single click on mobile! After Gemini detects event details in an email, simply tap "Add to Calendar" to save it to Calendar.

Google Calendar

58,965 görüntüleme • 9 ay önce

You can now generate a variety of downloadable files, including PDFs, Google Workspace files, Microsoft Word & Excel, and more directly in your chats with Gemini. Tell Gemini what content to create and the file format you want when you prompt without having to upload a template.
0:39

You can now generate a variety of downloadable files, including PDFs, Google Workspace files, Microsoft Word & Excel, and more directly in your chats with Gemini. Tell Gemini what content to create and the file format you want when you prompt without having to upload a template.

Google Gemini

27,062,681 görüntüleme • 1 ay önce

Finally: Gemini is now embedded in Google Drive! One of our newest features, Ask Gemini, allows users to dive deeper based on the content from the files in their Drive, as well as Gmail, Calendar, and Chat. Let's say you just got added to an extremely high-stakes meeting (our nightmare). Ask Gemini in Drive can help you synthesize pre-read materials, past decisions, and relevant email threads into a tidy AI summary, so you can press "Join" with total confidence.
0:25

Finally: Gemini is now embedded in Google Drive! One of our newest features, Ask Gemini, allows users to dive deeper based on the content from the files in their Drive, as well as Gmail, Calendar, and Chat. Let's say you just got added to an extremely high-stakes meeting (our nightmare). Ask Gemini in Drive can help you synthesize pre-read materials, past decisions, and relevant email threads into a tidy AI summary, so you can press "Join" with total confidence.

Google AI

28,155 görüntüleme • 3 ay önce

🪄 Gemini assistance in Firebase Data Connect You can now use Gemini in Firebase to write schemas, in addition to queries and mutations! Simply tell Gemini what you would like to build, and it will write the schemas for you. Read the blog →
0:29

🪄 Gemini assistance in Firebase Data Connect You can now use Gemini in Firebase to write schemas, in addition to queries and mutations! Simply tell Gemini what you would like to build, and it will write the schemas for you. Read the blog →

Firebase

16,504 görüntüleme • 1 yıl önce