Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I created a small tool to automatically set breakpoints in Chrome using the CDP (Chrome DevTools Protocol). It’s still in beta, but I’m actively working on a complete version..

m4ll0k's profile picture

m4ll0k

7,173 subscribers

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

Bilim & TeknolojiEğitimHaberler & Politika
LIVE

Anya Rossi• Live Now

Private livecam show

4 Yorum

Ryan Barnett profil fotoğrafı
Ryan Barnett1 yıl önce

@MtnBer fyi

r3ddr4g0n profil fotoğrafı
r3ddr4g0n1 yıl önce

Pretty cool bro!

TheRedTea🇲🇦🍉 profil fotoğrafı
TheRedTea🇲🇦🍉1 yıl önce

I had the same idea but I didn't know how to do it nor I gave it time to know how to do it. I was thing of a javascript extention that will do this.

younesnakata profil fotoğrafı
younesnakata1 yıl önce

nice

Benzer Videolar

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

Connect your agents directly to Chrome DevTools. 🛠️ The new Chrome DevTools MCP server allows agents to inspect the DOM and debug console errors in real-time using Gemini CLI or any compatible agent. Check out the documentation on GitHub →
1:01

Connect your agents directly to Chrome DevTools. 🛠️ The new Chrome DevTools MCP server allows agents to inspect the DOM and debug console errors in real-time using Gemini CLI or any compatible agent. Check out the documentation on GitHub →

Google for Developers

22,793 görüntüleme • 7 ay önce

Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇
0:27

Want to debug device-controlled CSS parallax effects without using a device? Simulate device orientation in Chrome DevTools 👇

jhey ʕ•ᴥ•ʔ

272,807 görüntüleme • 2 yıl önce

I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a Chrome DevTools extension to visualize and debug Scroll-Driven Animations. 🔗 Get the extension from the Chrome Web Store and start inspecting
1:54

I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a Chrome DevTools extension to visualize and debug Scroll-Driven Animations. 🔗 Get the extension from the Chrome Web Store and start inspecting

Bramus

40,935 görüntüleme • 2 yıl önce

Codex now works directly in Chrome on macOS and Windows. It’s even better at working with apps and sites in Chrome, and now works in parallel across tabs in the background without taking over your browser. To get started, install the Chrome plugin in the Codex app.
0:52

Codex now works directly in Chrome on macOS and Windows. It’s even better at working with apps and sites in Chrome, and now works in parallel across tabs in the background without taking over your browser. To get started, install the Chrome plugin in the Codex app.

OpenAI

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

Art history, but make it interesting. Ask Gemini in Chrome to explain a subject like it’s your favorite series 🍿 Try it yourself: Just click the Gemini icon in the corner of Chrome
0:21

Art history, but make it interesting. Ask Gemini in Chrome to explain a subject like it’s your favorite series 🍿 Try it yourself: Just click the Gemini icon in the corner of Chrome

Chrome

47,905 görüntüleme • 8 ay önce

Wow, it actually *is* DOM (See me using Chrome DevTools to inspect the DOM) HTML is <canvas> is going to open a new era of web UIs
0:37

Wow, it actually *is* DOM (See me using Chrome DevTools to inspect the DOM) HTML is <canvas> is going to open a new era of web UIs

Steren

735,751 görüntüleme • 2 ay önce

The upcoming Picture-in-Picture API that Chrome is pushing is soo promising! 🤩 Nuxt DevTools will be able to pop up as a separate window soon!
0:20

The upcoming Picture-in-Picture API that Chrome is pushing is soo promising! 🤩 Nuxt DevTools will be able to pop up as a separate window soon!

Anthony Fu 🦋 @antfu.me

316,390 görüntüleme • 3 yıl önce

New RoSeal feature: Added support for custom/hex skin colors in the website's Avatar Editor. Out now on Chrome and Firefox. (current version on Firefox is a little buggy). Chrome: Firefox: #Roblox #RobloxDev
0:23

New RoSeal feature: Added support for custom/hex skin colors in the website's Avatar Editor. Out now on Chrome and Firefox. (current version on Firefox is a little buggy). Chrome: Firefox: #Roblox #RobloxDev

julia | i made roseal

53,171 görüntüleme • 2 yıl önce

I made a chrome extension that displays the $KAS amount next to the $USD value on most websites where goods are being sold. Aside from not working too well on Amazon, it works so effortlessly. I’m working on a safari extension too but it’s much harder. I personally think it’s really cool seeing the $KAS prices on Zillow. Let me know what you guys think 🔥
1:18

I made a chrome extension that displays the $KAS amount next to the $USD value on most websites where goods are being sold. Aside from not working too well on Amazon, it works so effortlessly. I’m working on a safari extension too but it’s much harder. I personally think it’s really cool seeing the $KAS prices on Zillow. Let me know what you guys think 🔥

₿RT 𐤊 🐈📈

31,316 görüntüleme • 1 yıl önce

Stop guessing & start debugging responsive styles automatically with Chrome DevTools MCP→ Learn how a coding agent can find a visual bug on a specific device size, analyze the source code, update the CSS, & verify the fix with a live browser screenshot.
0:22

Stop guessing & start debugging responsive styles automatically with Chrome DevTools MCP→ Learn how a coding agent can find a visual bug on a specific device size, analyze the source code, update the CSS, & verify the fix with a live browser screenshot.

Chrome for Developers

19,286 görüntüleme • 9 ay önce

I slapped together this quick chrome extension to embed the Spatie tinker package in DevTools. It feels like a native PHP console tab 🤩 Extension below 👇 if you want to use it as well.
0:21

I slapped together this quick chrome extension to embed the Spatie tinker package in DevTools. It feels like a native PHP console tab 🤩 Extension below 👇 if you want to use it as well.

Tony Lea

41,585 görüntüleme • 1 yıl önce

How I created a Chrome Extension using Cursor in less than 2 hours (Without writing a single line of code and without knowing anything about programming) Step-by-step beginner tutorial:
14:18

How I created a Chrome Extension using Cursor in less than 2 hours (Without writing a single line of code and without knowing anything about programming) Step-by-step beginner tutorial:

Moritz Kremb

258,114 görüntüleme • 1 yıl önce

Here is my friend's video installing PS4 games on his PS5 (FW 7.00) using PS4PKGInstaller 3.00 Beta 5! It’s working! All supporters will receive this Beta 5 version in their Ko-fi messages. Thank you for your support ❤️ I still have a lot of work to do.
2:20

Here is my friend's video installing PS4 games on his PS5 (FW 7.00) using PS4PKGInstaller 3.00 Beta 5! It’s working! All supporters will receive this Beta 5 version in their Ko-fi messages. Thank you for your support ❤️ I still have a lot of work to do.

CiborgEc

12,326 görüntüleme • 8 ay önce

[New Coating PV | Lee: Hyperreal & Chrome: Glory] A hunter in a burning night, or a partner in the breezy autumn? New coatings for Lee: Hyperreal and Chrome: Glory will be available in the new version! Come and join them for an adventure, or, a walk. #punishinggrayraven #PGR
1:26

[New Coating PV | Lee: Hyperreal & Chrome: Glory] A hunter in a burning night, or a partner in the breezy autumn? New coatings for Lee: Hyperreal and Chrome: Glory will be available in the new version! Come and join them for an adventure, or, a walk. #punishinggrayraven #PGR

Punishing: Gray Raven

143,729 görüntüleme • 2 yıl önce

Move over, Playwright? Meet MCP-Chrome by Hangwin — an open-source AI agent tool that can fully control your Chrome browser: cross-tab context, session auth, history & more. In this video, AJ @ Augment Code: - Sets up MCP-Chrome & connects it to Auggie CLI - Gives the agent a multi-step task across Reddit & X - Generates a full report in a web app Perfect for automated testing, research & dev workflows. What’s your favorite underrated MCP tool right now?
4:31

Move over, Playwright? Meet MCP-Chrome by Hangwin — an open-source AI agent tool that can fully control your Chrome browser: cross-tab context, session auth, history & more. In this video, AJ @ Augment Code: - Sets up MCP-Chrome & connects it to Auggie CLI - Gives the agent a multi-step task across Reddit & X - Generates a full report in a web app Perfect for automated testing, research & dev workflows. What’s your favorite underrated MCP tool right now?

Augment Code

49,325 görüntüleme • 11 ay önce

I downloaded and used the Grok app in the Chrome browser. I updated it to the latest version and cleared cookies. I also disabled all ad-blocking programs. Both videos were created using Grok, and the difference between the first and second videos appears to be only the different outfits. Has the level of image editing functionality changed?
0:27

I downloaded and used the Grok app in the Chrome browser. I updated it to the latest version and cleared cookies. I also disabled all ad-blocking programs. Both videos were created using Grok, and the difference between the first and second videos appears to be only the different outfits. Has the level of image editing functionality changed?

K_gravure idol

12,166 görüntüleme • 5 ay önce

Watch out! Chrome has a huge bug with <input type="number"> which causes values to change unexpectedly. It's fixed in Chrome 150, but that won't land until the end of June.
1:20

Watch out! Chrome has a huge bug with <input type="number"> which causes values to change unexpectedly. It's fixed in Chrome 150, but that won't land until the end of June.

Jake Archibald

302,316 görüntüleme • 1 ay önce