Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

ChromiumDev's profile picture

Chrome for Developers

408,982 subscribers

2,621,406 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim#DevTools
LIVE

Anya Rossi• Live Now

Private livecam show

8 Yorum

Layla CryptoWhiz profil fotoğrafı
Layla CryptoWhiz1 yıl önce

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

PepperTheVixen profil fotoğrafı
PepperTheVixen1 yıl önce

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

Cisco profil fotoğrafı
Cisco1 yıl önce

seems cool ngl

Rusty Schakelford profil fotoğrafı
Rusty Schakelford1 yıl önce

No to AI & no to MS.

Khalaazar profil fotoğrafı
Khalaazar1 yıl önce

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

5 dollar shake (America 1st!) profil fotoğrafı
5 dollar shake (America 1st!)1 yıl önce

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

Ashutosh Rai profil fotoğrafı
Ashutosh Rai1 yıl önce

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

⇌ ᴠᴀʟᴏ_ɪᴏ ⇋ profil fotoğrafı
⇌ ᴠᴀʟᴏ_ɪᴏ ⇋1 yıl önce

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

Benzer Videolar

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

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

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

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.
2:34

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

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,042,559 görüntüleme • 11 ay önce

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

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:
1:18

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

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

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

🫣 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 ↓
2:12

🫣 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 görüntüleme • 5 ay önce

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 😂
1:10

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

🚀 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
0:25

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

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% ↓
0:43

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

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
1:15

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

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!
0:22

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

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

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

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
2:48

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

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

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