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.

First look at Firefox DevTools protocol support in Ladybird 🤓🐞🦊 This will allow us to use the excellent developer tools in Firefox to inspect/debug web content in Ladybird (until we have our own developer tools)

Andreas Kling

47,765 subscribers

19,601 views • 1 year ago •via X (Twitter)

Science & Technology News & Politics Education

Anya Rossi• Live Now

Private livecam show

14 Comments

Jamie Mansfield1 year ago

@ladybirdbrowser That’s awesome! I need to start contributing again 😅

Andreas Kling1 year ago

@ladybirdbrowser We’re always open 🤓

Simon Pieters1 year ago

@ladybirdbrowser Nice!

GP1 year ago

@ladybirdbrowser Amazing! Does this also include support for the remote debugging protocol? That will make it possible to automate Ladybird with tools like Puppeteer & Playwright.

Filip Jerzy Pizło1 year ago

@ladybirdbrowser 🤘

Kostya Farber1 year ago

@ladybirdbrowser Game changer!

Charles Dong1 year ago

@ladybirdbrowser

Prabhat Yadav1 year ago

@ladybirdbrowser I wish I was smart enough to contribute. I am trying to get better at coding, hopefully one day i can contribute

DioKaichou1 year ago

@ladybirdbrowser Was there any reason to choose the firefox one over chrome ? (I'm newbie in this context, so forgive me if it's a dumb question)

Timothy Vandyke1 year ago

@ladybirdbrowser Cannot wait to daily drive this in a year (or 10 years I’ll wait ❤️)

Vivek Galatage1 year ago

@ladybirdbrowser It is such a significant step; I am looking forward to more!

Amos Machora1 year ago

@ladybirdbrowser cook him @theo

Ayu1 year ago

@ladybirdbrowser Great stuff!!!

SecurityPal1 year ago

Discover how a culture of learning and mentorship can shape the future of cybersecurity. In this episode of ‘In Security’ podcast, Ryan Black, CISO at @BlackCloakCyber, discusses the importance of practical tools like the Capture The Flag framework. 🔗:

Related Videos

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

358,969 views • 2 days ago

🏆 Cardano Summit 2023 Awards 🎊 Congratulations to the winners in the category Developer or Developer Tools 👏 TxPipe 👏 Strica #CardanoSummit2023 #CardanoCommunity

🏆 Cardano Summit 2023 Awards 🎊 Congratulations to the winners in the category Developer or Developer Tools 👏 TxPipe 👏 Strica #CardanoSummit2023 #CardanoCommunity

Cardano Foundation

36,939 views • 2 years ago

Frames v2 developer walkthrough A brief overview of the new developer tools. Demo repo in the next tweet.

Frames v2 developer walkthrough A brief overview of the new developer tools. Demo repo in the next tweet.

Dan Romero

24,612 views • 1 year ago

View Transition Types are newly baseline! These make it easier to build transitions that are specific to particular situations. Also, we have some new View Transition DevTools in Firefox 147…

View Transition Types are newly baseline! These make it easier to build transitions that are specific to particular situations. Also, we have some new View Transition DevTools in Firefox 147…

Firefox for Web Developers

15,394 views • 4 months ago

commitStyles() has existed for years, but now in Firefox, it behaves like I always thought it should. Firefox is the first to make this change, but hopefully others will follow soon.

commitStyles() has existed for years, but now in Firefox, it behaves like I always thought it should. Firefox is the first to make this change, but hopefully others will follow soon.

Jake Archibald

10,863 views • 9 months ago

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

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,294 views • 8 months ago

It’s hard to explain the immense joy I felt watching this. We work on these developer tools day and night but to see a group come in and Circle Developer from scratch on our Developer Platform from testnet to Mainnet a working application for sending $USDC to his bank in Mexico 🇲🇽 before your eyes…it’s just AMAZING ETHGlobal

It’s hard to explain the immense joy I felt watching this. We work on these developer tools day and night but to see a group come in and Circle Developer from scratch on our Developer Platform from testnet to Mainnet a working application for sending $USDC to his bank in Mexico 🇲🇽 before your eyes…it’s just AMAZING ETHGlobal

Sam | Circle and Arc Community

80,857 views • 1 year ago

First look at Figma running inside Ladybird! 🎨🤓 Bottom left window is Ladybird, top right is Chrome. There are numerous correctness and stability issues but we'll work our way through them! Video from Lubrsi who fixed a million WebGL issues to make this happen 🫡🚀

First look at Figma running inside Ladybird! 🎨🤓 Bottom left window is Ladybird, top right is Chrome. There are numerous correctness and stability issues but we'll work our way through them! Video from Lubrsi who fixed a million WebGL issues to make this happen 🫡🚀

Andreas Kling

11,846 views • 1 year ago

🎉 This year, we were inspired by the ingenuity and hard work of our incredible #developer community! Take a look back at some of the key tools and programs released this year and see how we’re planning to fuel your growth in 2024 →

🎉 This year, we were inspired by the ingenuity and hard work of our incredible #developer community! Take a look back at some of the key tools and programs released this year and see how we’re planning to fuel your growth in 2024 →

Google Play business community

13,911 views • 2 years ago

As a company of developers, building for developers, we care *a lot* about developer tools. So we built Workbench—a first-of-its-kind dev tool that lets you look under the hood to understand, debug, and grow your Stripe integration.

As a company of developers, building for developers, we care a lot about developer tools. So we built Workbench—a first-of-its-kind dev tool that lets you look under the hood to understand, debug, and grow your Stripe integration.

David Singleton

32,881 views • 3 years ago

Ladybird Ports to Rust Using AI "Rust community remains annoying, but the tech is good! D" - Ladybird Web Browser founder, Andreas Kling

Ladybird Ports to Rust Using AI "Rust community remains annoying, but the tech is good! D" - Ladybird Web Browser founder, Andreas Kling

The Lunduke Journal

13,411 views • 3 months ago

ANNOUNCEMENT: Today we launch our new gaming division. 🎮 To lead this charge, we're excited to welcome Atif Khan as our new VP of Gaming. Atif brings 15+ years of experience at Facebook & Stardust to help us accelerate blockchain gaming with best in class developer tools. 💫

ANNOUNCEMENT: Today we launch our new gaming division. 🎮 To lead this charge, we're excited to welcome Atif Khan as our new VP of Gaming. Atif brings 15+ years of experience at Facebook & Stardust to help us accelerate blockchain gaming with best in class developer tools. 💫

thirdweb

48,729 views • 3 years ago

Our new Coinbase Developer Platform🛡️ portal is looking awesome! It's the best place to build in crypto. It gives access to all our powerful developer tools (wallets, payment APIs, x402, etc) in one dashboard. You can even launch a branded stablecoin, backed 100% by USDC.

Our new Coinbase Developer Platform🛡️ portal is looking awesome! It's the best place to build in crypto. It gives access to all our powerful developer tools (wallets, payment APIs, x402, etc) in one dashboard. You can even launch a branded stablecoin, backed 100% by USDC.

Brian Armstrong

86,356 views • 9 days ago

Andreas Kling, the creator of the Ladybird Browser, gave a keynote talk at our Don't Be Evil Summit this past March. We recorded it so that you all can learn about the great work he's doing in the browser space. Watch the video to learn more about Ladybird!

Andreas Kling, the creator of the Ladybird Browser, gave a keynote talk at our Don't Be Evil Summit this past March. We recorded it so that you all can learn about the great work he's doing in the browser space. Watch the video to learn more about Ladybird!

FUTO

13,796 views • 1 year ago

Last week I posted about a secret config in Firefox that made view transitions easier to debug. SP said we should make it less secret. So we did.

Last week I posted about a secret config in Firefox that made view transitions easier to debug. SP said we should make it less secret. So we did.

Jake Archibald

11,386 views • 7 months ago

The Unit Environment allows one to interact with an app and debug its internals in the same place and at the same time — every project can have its own custom developer experience.

The Unit Environment allows one to interact with an app and debug its internals in the same place and at the same time — every project can have its own custom developer experience.

Samuel Timbó

373,406 views • 6 months ago

Playing Om Nom (HTML version) in Ladybird 🐞🔪🪢 I remember being very impressed when this came out back in 2012(?). It felt like the web was finally gonna fill the shoes of Adobe Flash! Getting it to run in our new browser 13 years later, I'm once again impressed, but this time by our team for making it not only run, but run well! 🤓🌠

Playing Om Nom (HTML version) in Ladybird 🐞🔪🪢 I remember being very impressed when this came out back in 2012(?). It felt like the web was finally gonna fill the shoes of Adobe Flash! Getting it to run in our new browser 13 years later, I'm once again impressed, but this time by our team for making it not only run, but run well! 🤓🌠

Andreas Kling

19,460 views • 11 months ago

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 views • 2 years ago