Day 31 JavaScript Debugging v2

Today I went over debugging again which was in better detail this time around. Compared to w3schools this one was a lot more in depth with graphics.

The debugging process doesn’t look too difficult however it isn’t just memorizing a syntax. Here are the basic things to look for, which can be found in Google Chrome (F12 on Windows/Linux) and most browsers.

  1. The Resources zone lists HTML, JavaScript, CSS and other files, including images that are attached to the page. Chrome extensions may appear here too.
  2. The Source zone shows the source code.
  3. The Information and control zone is for debugging, we’ll explore it soon.

Those are just visuals to get familiar with the debugging screen. The way to find bugs in the code is by pausing the script. You can pause the script by using the debugger statement or by using a break point.

Learning about break points started to click. They are beneficial to limit the amount of code you have to examine for changes to be made.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Up ↑

%d bloggers like this: