Flashcards in Debugging with Chrome Developer Tools Deck (9)
How do you open the Chrome Developer Tools?
Use the debugger statement to pause execution in the Chrome Developer Tools.
Use log values to the console in the Browser
Set breakpoints in code using the Chrome Developer Tools
https://www.youtube.com/watch?v=KbEx0s06VLs @ 4:42
To debug in the Chrome browser run your program and open up the dev tools. Open up the Sources tab and the main.js file.
To set a breakpoint navigate click on function you want to set a breakpoint on. When you run the program the code will run everything up to the point where the breakpoint is declared.
Inspect an element in the DOM using the Chrome Developer Tools.
Change element styling using the Chrome Developer Tools.
Inspect network requests using the Chrome developer tools
Describe the JS call stack