Very valuable write-up and a reminder that learning the standard API yields high returns, because it's a safe bet that something like the Browser Console API stays around (and stable) for a - at least for from a developer's time scale - long time.
The dir one is quite useful for sure!
The styled ones are super dope too, love the effort put into styling them haha. 🤩
The Special Browser Methods is super welcome IMO because it's still quite unknown to most people + reminder that those are not secure in any way.
One other cool thing with the devtools is the fact that you can filter to keep only some pieces, and even have a negative filter to remove some of them (can be done with a right click too via hide messages from [...]).
There's not many real-world uses for that one, I must admit. It's often used as part of a fun Easter egg, or to highlight something important for devs.
For example, if you go to facebook.com, and open the console, you'll see:
Or if you search "Text Adventure" in Google, you'll get a well formatted text-game
web developer: JS CSS node React Next.js Strapi Sanity WP. Full time web app / CMS dev since 2016. Agency/startup exp. Strong front end, enough full stack to be dangerous. Big fan of headless.
I'm a selftaught (web) developer. On sunny days, you can find me hiking through the Teutoburg Forest, on rainy days coding or with a good fiction novel in hand.
Good one. I really see the "table" is more worthy and the "dir" stuff. Also, you had clearly indicated the very important advice - as the last statement of your post :)
I am a professional DevOps Engineer with a demonstrated history of working in the internet industry. I am an avid Linux lover and supporter of the open-source movement philosophy.
Got my first computer (ZX81) 1981, and start write programs.
I have been working as IT-Technican, but the last 23 year its software development fulltime, in many language and os.
Location
Sweden
Pronouns
Him
Work
Software Engineer on Microsoft Business central 365 (Language AL)
Gift Masekere is a self taught full stack software developer with extensive experience with nodejs and reactjs. Gift is also acquainted with wordpress and laravel.
web developer: JS CSS node React Next.js Strapi Sanity WP. Full time web app / CMS dev since 2016. Agency/startup exp. Strong front end, enough full stack to be dangerous. Big fan of headless.
I am a Systems Engineer and Fullstack Web Developer with over five years of experience working on various types of projects for companies of different sizes.
Frontend developer who is passionate about building ideas and projects in open source communities. Interested in learning, sharing, and collaborating with people.
I was looking for something like this...
Really great post!
Thanks 🙏🏻
Very valuable write-up and a reminder that learning the standard API yields high returns, because it's a safe bet that something like the Browser Console API stays around (and stable) for a - at least for from a developer's time scale - long time.
This is 🔥🌊🍃⛰️
The
dirone is quite useful for sure!The styled ones are super dope too, love the effort put into styling them haha. 🤩
The
Special Browser Methodsis super welcome IMO because it's still quite unknown to most people + reminder that those are not secure in any way.One other cool thing with the devtools is the fact that you can filter to keep only some pieces, and even have a negative filter to remove some of them (can be done with a right click too via hide messages from [...]).
Excellent article. I would like to add that this snippets extension has a lot of these console shortcuts.
marketplace.visualstudio.com/items...
This is cool no cap. However, How many people really use
conosle.loglike that?P.S. - I was talking about colorful
console.lognot the other methods of console likewarn,errorand so on.There's not many real-world uses for that one, I must admit. It's often used as part of a fun Easter egg, or to highlight something important for devs.
For example, if you go to facebook.com, and open the console, you'll see:
Or if you search "Text Adventure" in Google, you'll get a well formatted text-game
This was fun😂 and I didn't know about the Facebook one.
That was my whole point.
Make certain stuff stand out etc
This post is going to be my week's favourite. Thanks for sharing 👍
What a fun thing to learn today! Thanks Alicia.
No problem :D
hi!
Excellent article but, what browsers support each of these features? from which version?
Good question - it's a global standard (defined in here) so all modern browsers should support it, but here's the full breakdown.
Also, the Can I Use? website is very useful for checking which browsers support specific features :)
This is unbelievable. Thank you @lissy93 for sharing
Awesome 🔥🔥
Cool 🎉
Good one. I really see the "table" is more worthy and the "dir" stuff. Also, you had clearly indicated the very important advice - as the last statement of your post :)
Great post! Thanks a lot for sharing.
That is awesome!
This was an interesting read, thanks 👍💯✨
Wow, you made the console so much more fun than just simple debugging 😁 Pretty cool.
This is very informative blog. Thank you.
So usefull thanks for this, a great pice,
Great post, Though we usually use console.log(), sometimes assertion, counting, time stamping, etc. are useful
Awesome! Thank you , have a follow!
Awesome!
great, I bookmarked this article
Lovely article. Really appreciate the effort.
Thanks a ton for sharing 🙌
Great post. Thanks for reading the doco for me....
And then telling me I should read the doco
:)
🔥🔥🔥
Very good nice to read.
I believe we need to read more the documentation hahahhaha
I didnt know about that. It is really good!!!
Great post!
Awesome! Thanks for sharing
time method definitely gonna save me some time
thank you, it is very useful
Awesome post, thanks a lot!
Incredible!!! 🙌🙌🙌🙌🙌
Thanks so much for sharing with us.
Great post. I didn't even know abot this feature.
Very useful.
Thanks !
How to use log commands like a pro. Nice article. ✨🙂
really nice post, thank you!
Wow! this is fantastic. I've never seen such things we can do with console.log() except dubbiging. Love it.
So cool!
Great!
Great posts, learnt a lot, thanks.
this is amazing...thank you sharing
so cool ✌️