正在加载视频...

视频加载失败

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

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

408,982 subscribers

2,621,406 次观看 • 1 年前 •via X (Twitter)

科学技术教育 #DevTools

Anya Rossi• Live Now

Private livecam show

8 条评论

Layla CryptoWhiz 的头像

Layla CryptoWhiz1 年前

Great news for web devs! AI assistance in Chrome 131 is a game-changer for coding efficiency

PepperTheVixen 的头像

PepperTheVixen1 年前

I’m so excited to have garbage code thrown at me and then get gaslit about how it really works

Cisco 的头像

Cisco1 年前

seems cool ngl

Rusty Schakelford 的头像

Rusty Schakelford1 年前

No to AI & no to MS.

Khalaazar 的头像

Khalaazar1 年前

I hope it's better than that disaster, Gemini.

5 dollar shake (America 1st!) 的头像

5 dollar shake (America 1st!)1 年前

What’s “chrome” stand for, and what does its icon tell us? So, no thanks.

Ashutosh Rai 的头像

Ashutosh Rai1 年前

Can we use AI to improve web page issues like if it offers list of problems with solutions (code)?

⇌ ᴠᴀʟᴏ_ɪᴏ ⇋ 的头像

⇌ ᴠᴀʟᴏ_ɪᴏ ⇋1 年前

DevTools is already bloated af now we have to wait a min just for it to open, thanks

相关视频

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

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

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,096 次观看 • 2 年前

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

Codex can now take on more of your browser dev work. With the new Chrome plugin in the Codex app, it can test web apps, gather context across tabs, use web DevTools efficiently in parallel, and keep results organized without taking over your browser.

Codex can now take on more of your browser dev work. With the new Chrome plugin in the Codex app, it can test web apps, gather context across tabs, use web DevTools efficiently in parallel, and keep results organized without taking over your browser.

OpenAI Developers

231,082 次观看 • 3 个月前

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

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

Dear friends and colleagues - Oz Party, which I established, is now live! To learn more about the party: And since many of you asked how you could help - here is how in this short video:

Dear friends and colleagues - Oz Party, which I established, is now live! To learn more about the party: And since many of you asked how you could help - here is how in this short video:

ד״ר עינת וילף Dr. Einat Wilf

51,145 次观看 • 9 个月前

Jules is our experimental AI-powered code agent that can help devs fix bugs or other coding tasks — all with supervision. It’s now available to a group of trusted testers. Learn more →

Jules is our experimental AI-powered code agent that can help devs fix bugs or other coding tasks — all with supervision. It’s now available to a group of trusted testers. Learn more →

Google

139,930 次观看 • 1 年前

🫣 Help protect your app's sensitive content with this #WidgetOfTheWeek! This feature is available on Android API 35+, and you can try it out by using the SensitiveContent widget. Learn how ↓

🫣 Help protect your app's sensitive content with this #WidgetOfTheWeek! This feature is available on Android API 35+, and you can try it out by using the SensitiveContent widget. Learn how ↓

Flutter

14,538 次观看 • 5 个月前

goose + the Chrome DevTools MCP server is a cheat code. It fixes all my Docusaurus and TailwindCSS issues, then checks desktop, tablet, and mobile to confirm the fix actually worked. The future is now 😂

goose + the Chrome DevTools MCP server is a cheat code. It fixes all my Docusaurus and TailwindCSS issues, then checks desktop, tablet, and mobile to confirm the fix actually worked. The future is now 😂

Rizèl Scarlett 🇦🇬🇬🇾

75,408 次观看 • 8 个月前

🚀 MicroGPT is redefining AI coding. 📝 Write code in plain English 🔄 ScriptSync keeps scripts aligned ⚡ CodeSense anticipates, suggests & optimizes Faster dev, fewer bugs—the future is here. #MicroGPT #AI #DevTools

🚀 MicroGPT is redefining AI coding. 📝 Write code in plain English 🔄 ScriptSync keeps scripts aligned ⚡ CodeSense anticipates, suggests & optimizes Faster dev, fewer bugs—the future is here. #MicroGPT #AI #DevTools

MicroGPT

453,113 次观看 • 1 年前

The future of software development is #AI-accelerated development. Watch to learn how Turing uses Duet AI for Developers, an #AI-powered collaborator, to amplify the productivity of software engineers by 30% ↓

The future of software development is #AI-accelerated development. Watch to learn how Turing uses Duet AI for Developers, an #AI-powered collaborator, to amplify the productivity of software engineers by 30% ↓

Google Cloud

14,389 次观看 • 2 年前

Artificial Intelligence was invented long before we all started talking about it. I have been using AI for a long time to help make decisions more efficiently. You can learn more about how I use this “Digital Ray” here: #raydalio #principles #politics #Economics #AI

Artificial Intelligence was invented long before we all started talking about it. I have been using AI for a long time to help make decisions more efficiently. You can learn more about how I use this “Digital Ray” here: #raydalio #principles #politics #Economics #AI

Ray Dalio

68,874 次观看 • 1 年前

Our Spawning Browser Extension is now available on Chrome, allowing you to discover if the data on the web pages you browse has been included in public AI training sets. If you discover your work is included, you can choose to opt-out!

Our Spawning Browser Extension is now available on Chrome, allowing you to discover if the data on the web pages you browse has been included in public AI training sets. If you discover your work is included, you can choose to opt-out!

Spawning

11,853 次观看 • 3 年前

The most wholesome rant on AI development. “If you love software development don’t go do something else … It’s more vital now then ever to actually learn how to code” — Brad Traversy

The most wholesome rant on AI development. “If you love software development don’t go do something else … It’s more vital now then ever to actually learn how to code” — Brad Traversy

Dennis Ivy

28,904 次观看 • 6 个月前

Fellou is rolling out a new version tomorrow — feel free to rephrase and include the following in your tweet: Fellou 2.3.0 is live! You can now step in and adjust task workflows at any time. Both Deep Action planning and outputs support secondary editing. The all-new Developer Tools (DevTools) are here, offering debugging and web structure inspection to help developers test and optimize more efficiently. Experience the smarter, more flexible automation workflow today! Try Fellou → #vibeworkingwithfellou #FellouAI

Fellou is rolling out a new version tomorrow — feel free to rephrase and include the following in your tweet: Fellou 2.3.0 is live! You can now step in and adjust task workflows at any time. Both Deep Action planning and outputs support secondary editing. The all-new Developer Tools (DevTools) are here, offering debugging and web structure inspection to help developers test and optimize more efficiently. Experience the smarter, more flexible automation workflow today! Try Fellou → #vibeworkingwithfellou #FellouAI

Tulsi Soni

43,028 次观看 • 1 年前

We’ve upgraded your search experience in Chrome. Now you can use inputs like open tabs and images when you search with AI Mode in Chrome on your phone. Learn more:

We’ve upgraded your search experience in Chrome. Now you can use inputs like open tabs and images when you search with AI Mode in Chrome on your phone. Learn more:

Chrome

70,259 次观看 • 3 个月前