Post

Good morning Bluesky 👋🏼 🦋 Web Dev / Dev tools tip 🔥 Did you know there is a 'changes' tab in the browser dev tools? It keeps track of changes that you make and presents it in git style diff UI. You can even copy changes when you're finished! 🤯 Never lose those unknown CSS changes again 🎉

12/12/24, 10:29 am29 reposts136 likes

@paralogical.dev

Wait this is amazing

Nice tip isn't it 🙂. Feel free to share and spread the word! 👍🏻

Huh, when was this added? 😯

It's been around for years 🙂. A long long time. Very much a hidden gem though. 💎

Oh, nice ✌️

Lovely stuff!

Gabriella.N.Snow ❅

@gabriellansnow.bsky.social

Can I double-check if this is Google Chrome? Or a different web browser? Thank you for sharing! 🥰

This is chrome, but I'm pretty sure Firefox has this as well. I'm not sure about safari / arc 🙂. I would probably think arc does. 👍🏻

Gabriella.N.Snow ❅

@gabriellansnow.bsky.social

Thank you! That's super helpful ^^

Nicolas Chevobbe

@nicolaschevobbe.bsky.social

Yes, we do have something similar in @firefoxdevtools.bsky.social 🙂

@jeffcouturier.com

Firefox has it too (and honestly, it's better).