Table of contents
If you are a programmer , you'll always have some or the other bug in your code !... and then finding the bug and then debugging it takes hours , sometimes days too .
That's a very bad coding experience .. although you cannot write code that have no bugs , no errors but you can definately learn more productive ways to find and resolve those bugs !
So for all the web developers our there ! DevTools are your superpower, If you're a web developer then knowing and understanding DevTools will save close to a eternity of time in your coding career .
What can we do with DevTools!
There are a number of usecases for DevTools :
Inspecting CSS for a component and finding CSS related issues in your web pages .
Testing your code via console and looking after errors , warnings , info and many more .
Checking the network status, Ip address and many more using Networks tab .
Direct access of local storage and using local storage for a variety of usecases .
These are just some of the important uses of DevTools ! Which makes a developers life much more easier .
Don't you think you should also be having this amazing skill of debugging your code and stand out of the crowd to become the best of the best !
Why this blog !
This is the first blog regarding DevTools where I'll be sharing my experience and understanding about the Chrome DevTools and some standard practices and debugging techniques ,
isn't it great ! That by just giving 3-5 min of read to these blogs you'll be adding a valuable skill in your skillset
This was the introduction blog about DevTools , let's go forward one step at a time and understand the best practices and techniques to become amongs the best .