--- title: How to Debug Like a Pro | daily.dev description: Being a web developer one must be aware of some awesome debugging techniques. To be honest, I have been using console.log() along with debugger to debug my... canonical: https://daily.dev/posts/how-to-debug-like-a-pro-d42mlrzmq twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: How to Debug Like a Pro | daily.dev og:description: Being a web developer one must be aware of some awesome debugging techniques. To be honest, I have been using console.log() along with debugger to debug my... og:url: https://daily.dev/posts/how-to-debug-like-a-pro-d42mlrzmq og:image: https://api.daily.dev/og/posts/D42MLrZmq.png og:image:alt: How to Debug Like a Pro og:image:width: 1200 og:image:height: 630 og:locale: en --- [JavaScript in Plain English](https://daily.dev/sources/jsPlainEnglish) [Read post](https://api.daily.dev/r/D42MLrZmq) # [How to Debug Like a Pro](https://api.daily.dev/r/D42MLrZmq "Go to post") Being a web developer one must be aware of some awesome debugging techniques. To be honest, I have been using console.log() along with debugger to debug my code, but debugging is not limited to these two. [#devtools](/tags/devtools "Check all #devtools posts")[#google-chrome](/tags/google-chrome "Check all #google-chrome posts")[#tools](/tags/tools "Check all #tools posts") Oct 04, 2022 • 2m read time • From [javascript.plainenglish.io](https://api.daily.dev/r/D42MLrZmq "javascript.plainenglish.io") [](https://api.daily.dev/r/D42MLrZmq "Go to post") Table of contents [How to Debug Like a Pro](https://api.daily.dev/r/D42MLrZmq?a=e93c "How to Debug Like a Pro")[ Few Developer tools settings which I personally use](https://api.daily.dev/r/D42MLrZmq?a=78e9 "Few Developer tools settings which I personally use")[ Few shortcuts which I always use](https://api.daily.dev/r/D42MLrZmq?a=8958 "Few shortcuts which I always use") 193 Upvotes8 Comments Comment Bookmark Copy Share your thoughts Post [](https://daily.dev/sources/jsPlainEnglish) [JavaScript in Plain English](https://daily.dev/sources/jsPlainEnglish "https://daily.dev/sources/jsPlainEnglish") JSPlainEnglish's platform is a resource for JavaScript developers, offering insights into JavaScript... Read more 106 Followers • 841 Upvotes [](https://daily.dev/amnahk) [Amnah khatun](https://daily.dev/amnahk) [@amnahk](https://daily.dev/amnahk) Joined Oct 11\. 2021 10 #### Would you recommend this post? Copy link WhatsApp Facebook X New Squad Copy linkShare with your friends 193 8 ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"How to Debug Like a Pro","url":"https://daily.dev/posts/how-to-debug-like-a-pro-d42mlrzmq","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/how-to-debug-like-a-pro-d42mlrzmq"},"datePublished":"2022-10-04T03:55:52.845Z","dateModified":"2026-03-15T03:33:20.318Z","description":"Being a web developer one must be aware of some awesome debugging techniques. To be honest, I have been using console.log() along with debugger to debug my...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/af0a5b121c590ab73c0438dfe7334412","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/af0a5b121c590ab73c0438dfe7334412","isAccessibleForFree":true,"articleSection":"JavaScript in Plain English","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Amnah khatun","url":"https://daily.dev/amnahk","image":"https://lh3.googleusercontent.com/a-/AOh14GgCsf0Oe-KTBR6ZHZUYHnC0J33jA3n85qO1oGrJ=s100","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":10}},"commentCount":8,"discussionUrl":"https://daily.dev/posts/how-to-debug-like-a-pro-d42mlrzmq","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":193},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":8}],"keywords":"devtools,google-chrome,tools","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"JavaScript in Plain English","item":"https://daily.dev/sources/jsPlainEnglish"},{"@type":"ListItem","position":3,"name":"How to Debug Like a Pro"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/how-to-debug-like-a-pro-d42mlrzmq","comment":[{"@type":"Comment","text":"Good for beginners, but to be honest, it’s always better to debug the code using proper debug tools so you don’t have to always edit the code and wait for the application to reload. Visual Studio Code has perfect debugger that can be used for all kind of environments. If you would like to debug in browser, use for example Google Chrome debugger integrated in dev-tools, it definitely makes you Debug Like a Pro more than writing console statements everywhere.","datePublished":"2022-10-04T14:04:52.115Z","dateModified":"2022-10-04T14:05:28.068Z","url":"https://daily.dev/posts/D42MLrZmq#c-gRlswFUSJ","author":{"@type":"Person","name":"Jakub Vaněk","url":"https://daily.dev/vanekj","image":"https://avatars.githubusercontent.com/u/18655248?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":8}},{"@type":"Comment","text":"Thanks for sharing some amazing shortcuts","datePublished":"2022-10-05T12:23:32.570Z","url":"https://daily.dev/posts/D42MLrZmq#c-hKGi8e_eP","author":{"@type":"Person","name":"Shubhangi","url":"https://daily.dev/heyshubhi","image":"https://avatars.githubusercontent.com/u/70970530?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"It is better to debug with the proper tools but at times you are pressed for time and if it works use it. This is what i do when when i get more time i recheck it. I am a perfectionist not bragging or anything like that i actually feel cursed sometimes because i wast lots of time. Sorry for getting off the subject some. I love reading all these post you people are awesome. :)","datePublished":"2022-10-09T01:35:54.135Z","url":"https://daily.dev/posts/D42MLrZmq#c-ZIQH9i7oh","author":{"@type":"Person","name":"Robert Hodges","url":"https://daily.dev/itr0b67","image":"https://lh3.googleusercontent.com/a/ALm5wu321wO73G3dvmvyEx8IRVRexM9XIw7qmUM1wu0y=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Good for beginners starting to debug apps.","datePublished":"2022-10-04T07:23:34.321Z","url":"https://daily.dev/posts/D42MLrZmq#c-VwbJd587o","author":{"@type":"Person","name":"Deleted user","url":"https://daily.dev/ghost","image":"https://media.daily.dev/image/upload/s--hNIUzLiO--/f_auto/v1705327420/public/ghost_vlftth"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```