正在加载视频...

视频加载失败

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

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 次观看 • 1 年前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

9 条评论

Vlas Bashynskyi 的头像

Vlas Bashynskyi1 年前

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 Johnson 的头像

Matthew Johnson1 年前

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 Butman 的头像

Thomas Butman1 年前

good

Thomas Butman 的头像

Thomas Butman1 年前

you blooodie lie lip

Daryl Malibiran 的头像

Daryl Malibiran1 年前

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

Chrome for Developers 的头像

Chrome for Developers1 年前

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

Yang 的头像

Yang1 年前

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 yang 的头像

ryan yang1 年前

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

Chrome for Developers 的头像

Chrome for Developers1 年前

Cheers! We'll keep aging it to perfection.

相关视频

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

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

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

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

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

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

96,001 次观看 • 1 年前

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

377,472 次观看 • 2 个月前

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

269,306 次观看 • 11 个月前

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,531 次观看 • 3 年前

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

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

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

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

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

47,000 次观看 • 2 个月前

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

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

Sry guys, due to some network-related issues, it hasn't been easy for me to post on X lately. But I've always missed you guys. Thank you so much for all your support and for being part of this journey! 💖 Love ya all! #doro #nikke Translation: 白一

Sry guys, due to some network-related issues, it hasn't been easy for me to post on X lately. But I've always missed you guys. Thank you so much for all your support and for being part of this journey! 💖 Love ya all! #doro #nikke Translation: 白一

安洁莉娜

11,266 次观看 • 2 个月前