Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 →

ChromiumDev's profile picture

Chrome for Developers

414,910 subscribers

20,905 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

9 Yorum

Vlas Bashynskyi profil fotoğrafı
Vlas Bashynskyi1 yıl önce

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 profil fotoğrafı
Matthew Johnson1 yıl önce

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 profil fotoğrafı
Thomas Butman1 yıl önce

good

Thomas Butman profil fotoğrafı
Thomas Butman1 yıl önce

you blooodie lie lip

Daryl Malibiran profil fotoğrafı
Daryl Malibiran1 yıl önce

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

Chrome for Developers profil fotoğrafı
Chrome for Developers1 yıl önce

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

Yang profil fotoğrafı
Yang1 yıl önce

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 profil fotoğrafı
ryan yang1 yıl önce

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

Chrome for Developers profil fotoğrafı
Chrome for Developers1 yıl önce

Cheers! We'll keep aging it to perfection.

Benzer Videolar

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

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

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

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

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

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

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

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

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.
1:27

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

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!
3:34

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

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

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

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

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

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 👇
0:43

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

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:
3:54

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

🛠️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:
0:59

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

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

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

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.
14:25

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

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👇
0:46

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

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

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

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

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