No video
Chrome DevTools Tips - How to easily revert all CSS changes in Styles Pane
Рет қаралды 1,745
Күн бұрын
@ZeroVnB Жыл бұрын
God send, thank you
@CSSWeekly Жыл бұрын
You are most welcome! ❤️
@ChristianHeilmann Жыл бұрын
You could also just reload the page :) We really tried to make this changes tool more useful than just show a diff. Firefox has one that is more advanced.
@CSSWeekly Жыл бұрын
Yes, you could. :) The point should have been that you can see the changes and revert changes per file. :) I am planning videos where I'll dive deeper into DevTools; I also want to showcase features in Edge and Firefox DevTools that are better than in Chrome DevTools. :) Thanks for watching and for the tip about Firefox, Christian! 🙂
@ahmad-murery Жыл бұрын
That's really helpful, Thanks Zoran.
@CSSWeekly Жыл бұрын
Thank you so much, Ahmad! I'm thrilled to hear you found it helpful! 🙂
@maxwebstudio Жыл бұрын
Nice tricks!
@CSSWeekly Жыл бұрын
Thanks, Max! 🙏
@The-Happy-Snowman 6 ай бұрын
why doesnt this work for me .the file changes isnt showing up
@CSSWeekly 6 ай бұрын
It's probably because you have to make the changes in an existing stylesheet. If you add a new rule in "element.style {}" (cln.sh/XSCzjSh4), it won't be shown in the changes drawer. If you add that same rule to the existing stylesheet (cln.sh/xmgq50Zq), the changes will be visible in the Changes Drawer. This tripped me up as well. It's a bit counter-intuitive, to be honest. 🙂
@The-Happy-Snowman 6 ай бұрын
@@CSSWeekly no i figured it out i was just dumb i pressed ctr+p instead of ctrl+shift+p
@CSSWeekly 6 ай бұрын
@The-Happy-Snowman, I’m glad to hear you figured it out! 🙂
Jerod Butler
Рет қаралды 9 М.