Skip to main content

Command Palette

Search for a command to run...

Introduction: Chrome DevTools

Why DevTools and What is chrome DevTools ?

Published
•2 min read
Introduction: Chrome DevTools
S

👋 Hey there, fellow learners! I’m Siddharth Chopda, a Product Manager and Frontend Lead navigating the ever-changing tech landscape, just like you. I share my experiences, challenges, and insights on product management, frontend development, and leadership to inspire our collective growth. By joining me on this journey, you’ll find: A relatable experience: I’m constantly learning and adapting, and I’ll share what works and what doesn’t so we can grow together. Connect with me: My story is filled with ups and downs—together, we can turn challenges into stepping stones for success. Practical insights: Discover actionable tips that you can apply to your own journey right away. Let’s embrace this journey of growth together! If you find value in my content, Follow and let’s motivate each other to reach new heights in our careers!

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 :

  1. Inspecting CSS for a component and finding CSS related issues in your web pages .

  2. Testing your code via console and looking after errors , warnings , info and many more .

  3. Checking the network status, Ip address and many more using Networks tab .

  4. 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 .