Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

414,910 subscribers

20,905 views • 1 year ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

9 Comments

Vlas Bashynskyi1 year ago

Incredible, thank you! Can you also please allow developers to customize the context menu so that we can click "Inspect" without scrolling? Thank you!

Matthew Johnson1 year ago

lol, fuck your AI bullshit and fuck your anti-Adblock bullshit too. I told y'all if you banned uBlock from Chrome, I was gonna leave Chrome, so I guess that's it for me. Bye, bitches!

Thomas Butman1 year ago

good

Thomas Butman1 year ago

you blooodie lie lip

Daryl Malibiran1 year ago

These short videos showcasing new features are great, but can we make them even shorter?

Chrome for Developers1 year ago

We'll keep aiming for that sweet spot of informative and short.⏱️

Yang1 year ago

Want to learn how to build practical AI agents and automations for your business? Check out our step-by-step video tutorials 100% FREE 🥳

ryan yang1 year ago

your site’s like a fine wine, gets better with age!

Chrome for Developers1 year ago

Cheers! We'll keep aging it to perfection.

Related Videos

Chrome DevTools now supports *individual* network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

Chrome DevTools now supports individual network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

Addy Osmani

281,260 views • 6 months ago

I gave Codex the ability to open Chrome DevTools for any iOS website No more opening Safari just to inspect element or debug network requests. Just tell your agent to run: ~ / npx serve-sim

I gave Codex the ability to open Chrome DevTools for any iOS website No more opening Safari just to inspect element or debug network requests. Just tell your agent to run: ~ / npx serve-sim

Evan Bacon 🥓

52,476 views • 2 months ago

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 views • 1 year ago

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

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 views • 1 year ago

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Chrome for Developers

118,725 views • 4 months ago

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,935 views • 1 year ago

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

Introducing developer mode for browser use in Chrome and the Codex in-app browser. Codex can use the Chrome DevTools Protocol (CDP) to debug browser issues by profiling JavaScript performance and inspecting console output, network traffic, and page state.

OpenAI Developers

374,779 views • 1 month ago

Announcing Chrome DevTools MCP! 🚀 Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease. Key features: ✅ Reliable automation: It can programmatically handle clicks, form fills, dialogs, and page navigation with ease. ✅ Performance insights: Go beyond simple audits. Instruct your agent to record a performance trace and extract actionable insights to optimize your web apps. ✅ Advanced debugging: Empower your AI to analyze network requests, list console messages, take screenshots, and even evaluate scripts in the browser context. ✅ Browser emulation: Easily test different conditions by emulating CPU slowdowns, network throttling, or various screen sizes. Works well with modern web apps and believe this will unlock new workflows for automated testing, AI-driven debugging, and interactive web development. And there's much more to come!

Announcing Chrome DevTools MCP! 🚀 Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease. Key features: ✅ Reliable automation: It can programmatically handle clicks, form fills, dialogs, and page navigation with ease. ✅ Performance insights: Go beyond simple audits. Instruct your agent to record a performance trace and extract actionable insights to optimize your web apps. ✅ Advanced debugging: Empower your AI to analyze network requests, list console messages, take screenshots, and even evaluate scripts in the browser context. ✅ Browser emulation: Easily test different conditions by emulating CPU slowdowns, network throttling, or various screen sizes. Works well with modern web apps and believe this will unlock new workflows for automated testing, AI-driven debugging, and interactive web development. And there's much more to come!

Addy Osmani

268,807 views • 10 months ago

This was a huge week for Microsoft Entra. Hopefully, this mind map helps you visualise all the products that were announced on a single page. I have linked each node to its product/feature page on Microsoft Learn for quick access. If this is helpful and you want to see more of this, please like and retweet to share with your network. Thanks 💜👍 Download from

This was a huge week for Microsoft Entra. Hopefully, this mind map helps you visualise all the products that were announced on a single page. I have linked each node to its product/feature page on Microsoft Learn for quick access. If this is helpful and you want to see more of this, please like and retweet to share with your network. Thanks 💜👍 Download from

Merill Fernando

62,528 views • 3 years ago

The State Freedom Caucus Network has started a Statehouse Revolution. Want to come along for the ride? Learn more at our website:

The State Freedom Caucus Network has started a Statehouse Revolution. Want to come along for the ride? Learn more at our website:

State Freedom Caucus Network

491,102 views • 1 year ago

Your AI trading co-pilot is here. Binance Ai Pro can help you analyze markets, execute trades, monitor your portfolio, and much more! All powered by advanced AI models. Here's everything you need to know 👇

Your AI trading co-pilot is here. Binance Ai Pro can help you analyze markets, execute trades, monitor your portfolio, and much more! All powered by advanced AI models. Here's everything you need to know 👇

Binance Academy

153,428 views • 3 months ago

Serving your CSS/JS from a different subdomain (assets.mydomain...) than your document (www.mydomain...) is costing you 100+ milliseconds on your LCP for no good reason. Here's how to use DevTools to inspect and repro this, and why you need to use chrome://net-internals:

Serving your CSS/JS from a different subdomain (assets.mydomain...) than your document (www.mydomain...) is costing you 100+ milliseconds on your LCP for no good reason. Here's how to use DevTools to inspect and repro this, and why you need to use chrome://net-internals:

Nate Berkopec

10,298 views • 1 year ago

🛠️NetAlertX: Network intruder and presence detector. Scans for devices connected to your network and alerts you if new and unknown devices are found. GitHub: Website:

🛠️NetAlertX: Network intruder and presence detector. Scans for devices connected to your network and alerts you if new and unknown devices are found. GitHub: Website:

Dark Web Informer

51,135 views • 6 months ago

PhD Students – How to identify related papers for your research paper? 1. Go to 2. Paste your DOI or title of your research paper 3. ResearchCollab will display the network of papers 4. Explore the network in following ways → Filter the network of papers based on research field → Filter the network based on thematic clusters → Filter the network based on keywords → and much more As you find related papers, keep saving them. This use case has multiple advantages. ➟ You won’t miss a related paper to cite in your paper ➟ You can identify related papers for your lit review ➟ You can explore new research directions and trends ➟ You can visualize the entire collection of papers As a researcher, work smarter not just harder. For this, try ResearchCollab:

PhD Students – How to identify related papers for your research paper? 1. Go to 2. Paste your DOI or title of your research paper 3. ResearchCollab will display the network of papers 4. Explore the network in following ways → Filter the network of papers based on research field → Filter the network based on thematic clusters → Filter the network based on keywords → and much more As you find related papers, keep saving them. This use case has multiple advantages. ➟ You won’t miss a related paper to cite in your paper ➟ You can identify related papers for your lit review ➟ You can explore new research directions and trends ➟ You can visualize the entire collection of papers As a researcher, work smarter not just harder. For this, try ResearchCollab:

Faheem Ullah

46,249 views • 1 month ago

Did you see my SIM card video and want to learn more about mobile networks? Here is a video I made ~5 years ago introducing the GSM network.

Did you see my SIM card video and want to learn more about mobile networks? Here is a video I made ~5 years ago introducing the GSM network.

LiveOverflow 🔴

93,164 views • 2 years ago

Turn GitHub Copilot into a subject matter expert with Copilot Spaces. 🧠 This new feature helps you centralize project context, leading to smarter, more relevant AI assistance. 🚀 Learn more here👇

Turn GitHub Copilot into a subject matter expert with Copilot Spaces. 🧠 This new feature helps you centralize project context, leading to smarter, more relevant AI assistance. 🚀 Learn more here👇

GitHub

35,859 views • 1 year ago

Learn how to use some of Project IDX’s built-in AI-assistance features to help speed up and refine your end-to-end developer workflow, all backed by Gemini, Google’s latest and most capable AI model. Start building with Project IDX today ➡️ #ProjectIDX

Learn how to use some of Project IDX’s built-in AI-assistance features to help speed up and refine your end-to-end developer workflow, all backed by Gemini, Google’s latest and most capable AI model. Start building with Project IDX today ➡️ #ProjectIDX

Google for Developers

25,791 views • 2 years ago

Your concerns matter, and we're here to help. For any civic service-related complaints, issues, suggestions, or grievances, please reach out to the Urban Development & Municipal Affairs Department, Govt of West Bengal's toll-free helpline number : 📞 18003450938 Prompt assistance is just a call away. Your feedback helps us build better and more responsive civic services for all. #CitizenFirst #PublicService #UrbanDevelopment #MunicipalAffairs #WestBengal

Your concerns matter, and we're here to help. For any civic service-related complaints, issues, suggestions, or grievances, please reach out to the Urban Development & Municipal Affairs Department, Govt of West Bengal's toll-free helpline number : 📞 18003450938 Prompt assistance is just a call away. Your feedback helps us build better and more responsive civic services for all. #CitizenFirst #PublicService #UrbanDevelopment #MunicipalAffairs #WestBengal

Agnimitra Paul BJP

47,240 views • 1 month ago