14 Must Know Chrome Dev Tools Tricks - #JavaScript30 9/30

The grouping one is really slick😎

Thanks man, 2023 and still useful

Thanks!

I'm just here to say I love your IDE fonts

Awesome, never seen these ticks elsewehere !

how did you get your "Ls" to look like that?

That intro song sounded like It's Dangerous Business by Underoath

Awesome! Lot of neat tricks here thanks!

Rip to the little 'i' in Chrome's console.info()

Hmm, I honestly don't see the point in styling your console output. The only thing that matters is the index.html outcome, isn't it? Could some clarify for what it is still good?

That was a really good video, subbed.

Test

Pretty informative and nice. Anyone has a cheatsheet of what is shown in the video? Or a write-up.

I found out about your channel on The Odin Project. This is awesome and really funny! Thanks :D

using console.clear at the bottom is evil

Wow !!!!!!! The green color is so Badass

a lot to learn, my head hurts now

loved it

Idk why I need to style a console log but okay... the rest is good. Thanks for the vid, gave it a thumbs up

Finally a JavaScript video with good intro music!! :)

Dog was not defined .How it woprked?

W0w

Odin Project sent me here

i need this file, plz attach it , SAP

Wow, dude what is the name of the font in your js code ? It looks cool

how remove new tab

the console.error('shit') came rally handy.

Awesome Man..

Please do video about chrome dev tools! About debugging with network with react

How can I download developer loops f12? Please tell me

beautiful! thanks a lot!

latest one is the better "console.table", Thank you very much for this fun and useful video

is it really 'must know'? hahaha. really really cool regardless.

Gracias por estos tips :D

Thanks a lot for these helpful tips!!

Wes BOSS!

Eh rookies...hehe jk. But seriously i've messed with developer tools a lot...here is something i put together so you guys can mess with whatever webpage you like.
First step:
Go to developer tools (in any browser...i use chrome)
Second step:
Go to console
Third step:
Copy and paste the following code and press enter (duh)
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);
Finally:
Just admire the view lol

What is the name of the font you have used in the code ?

Hmu if you wanna smoke buds sometime

Attribute Modifications <3!

console.clear() => LOL

thats stupid it not developer tools