正在加载视频...

视频加载失败

返回首页

Introducing "Ask AI" across Chrome DevTools + save changes directly to your source code! #googleio

addyosmani's profile picture

Addy Osmani

352,732 subscribers

20,392 次观看 • 1 年前 •via X (Twitter)

#googleio
LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Bora Turan 的头像
Bora Turan1 年前

@ChromeDevTools great! curious on how it connects with the source project and works with cursor. It would be great if cursor connects to chrome and work with chrome ai in an integrated fashion.

The Rundown AI 的头像
The Rundown AI1 年前

If you're not learning AI in 2025, you're falling behind. Join 1,000,000+ early adopters reading and learn AI in just 5 minutes a day (for free).

PENIEL 的头像
PENIEL1 年前

@ChromeDevTools 🥹🥹

Ammaar Reshi 的头像
Ammaar Reshi1 年前

@ChromeDevTools Loved this demo during I/O 🔥

Addy Osmani 的头像
Addy Osmani1 年前

@ChromeDevTools Thanks Ammaar! 🙏

casslin 的头像
casslin1 年前

@ChromeDevTools this is interesting! checking out soon.

Parhosha 的头像
Parhosha1 年前

@ChromeDevTools This feature is unavailable in your region Ukraine, when it will available :(

Daryl Malibiran 的头像
Daryl Malibiran1 年前

@ChromeDevTools In what Chrome version will this be released?

Sidati / سِداتي / ⵚⵉⴷⴰⵜⵉ 的头像
Sidati / سِداتي / ⵚⵉⴷⴰⵜⵉ1 年前

@ChromeDevTools Nice! Does this work with sourcemaps ?

⟁ndrew V 的头像
⟁ndrew V1 年前

@ChromeDevTools Your presentation was as flawless as the demo you put out Addy. Was great to see in the spotlight showing off some incredibly useful tools!!!!

Farhan 的头像
Farhan1 年前

@ChromeDevTools Super handy for devs

相关视频

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,854 次观看 • 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.
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,041,402 次观看 • 8 个月前

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

Meet Gemini in Chrome, your AI browsing assistant to help you get things done. Google Gemini #GoogleIO
1:22

Meet Gemini in Chrome, your AI browsing assistant to help you get things done. Google Gemini #GoogleIO

Chrome

436,868 次观看 • 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.
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,867 次观看 • 1 年前

Introducing PDF AI Chrome extension! Chat directly with any online .pdf files, or files in your Google Drive and Dropbox 🎉
0:44

Introducing PDF AI Chrome extension! Chat directly with any online .pdf files, or files in your Google Drive and Dropbox 🎉

Damon Chen

22,003 次观看 • 3 年前

Aider v0.67.0 works in your favorite IDE or editor. Ask aider to make changes by adding "// AI comments" to your source files. Aider will immediately get to work. Aider wrote 61% of the code in this release.
0:34

Aider v0.67.0 works in your favorite IDE or editor. Ask aider to make changes by adding "// AI comments" to your source files. Aider will immediately get to work. Aider wrote 61% of the code in this release.

Paul Gauthier

17,875 次观看 • 1 年前

Introducing Forums: turn any github repo into an ai-powered forum. Replace with — ask questions, get answers straight from the source code.
0:27

Introducing Forums: turn any github repo into an ai-powered forum. Replace with — ask questions, get answers straight from the source code.

JB

25,750 次观看 • 5 个月前

Introducing Linear Agent. Built directly into Linear and accessible everywhere, it understands your roadmap, issues, and code. Ask anything. Command everything.
0:54

Introducing Linear Agent. Built directly into Linear and accessible everywhere, it understands your roadmap, issues, and code. Ask anything. Command everything.

Linear

6,249,546 次观看 • 2 个月前

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

Introducing Memo MCP. Switch AI agents without re-explaining your context. Claude Code can’t fix your bug? Save the conversation and load it into Cursor. # Save context (returns an ID) memo set # Restore anywhere memo get 4tJ630XqhCV5gQelx98pu Free & open source.
0:31

Introducing Memo MCP. Switch AI agents without re-explaining your context. Claude Code can’t fix your bug? Save the conversation and load it into Cursor. # Save context (returns an ID) memo set # Restore anywhere memo get 4tJ630XqhCV5gQelx98pu Free & open source.

Enes Akar

63,932 次观看 • 4 个月前

Introducing GitHub sync on v0: • Push generated code to GitHub directly from v0 • v0 will automatically pull changes from GitHub into your chat • Switch branches and open PRs to collaborate with your team
0:30

Introducing GitHub sync on v0: • Push generated code to GitHub directly from v0 • v0 will automatically pull changes from GitHub into your chat • Switch branches and open PRs to collaborate with your team

v0

270,166 次观看 • 1 年前

Ask your toughest questions with AI Mode built into Chrome:
0:23

Ask your toughest questions with AI Mode built into Chrome:

Chrome

22,194 次观看 • 8 个月前

Introducing Chroma Package Search Enable your AI agents to search the source code of your package dependencies Includes 3 MCP tools: package_search_hybrid() package_search_grep() package_search_read_file() Add it to Cursor, Claude Code, VS Code, and Codex in 5 seconds
1:18

Introducing Chroma Package Search Enable your AI agents to search the source code of your package dependencies Includes 3 MCP tools: package_search_hybrid() package_search_grep() package_search_read_file() Add it to Cursor, Claude Code, VS Code, and Codex in 5 seconds

Chroma

41,505 次观看 • 9 个月前

Improving Chrome DevTools debugging with AI: a quick overview of new features we recently shipped.
2:42

Improving Chrome DevTools debugging with AI: a quick overview of new features we recently shipped.

Addy Osmani

14,800 次观看 • 1 年前

Chrome DevTools MCP in Cursor
0:30

Chrome DevTools MCP in Cursor

Alex Sidorenko

37,649 次观看 • 5 个月前

Introducing - Search Engine for Developers! Answers all your coding questions and runs code directly in the app. Free and open-source. App link below👇
0:40

Introducing - Search Engine for Developers! Answers all your coding questions and runs code directly in the app. Free and open-source. App link below👇

Exa

43,152 次观看 • 11 个月前

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

Your toughest questions. Your deepest research. Your personalized shopping needs. Your just-save-me-time tasks. All you have to do is ask. Welcome to the next chapter of Google Search. #GoogleIO
1:25

Your toughest questions. Your deepest research. Your personalized shopping needs. Your just-save-me-time tasks. All you have to do is ask. Welcome to the next chapter of Google Search. #GoogleIO

Google

127,582 次观看 • 1 年前