Step through your JavaScript with browser tools

- [Voiceover] Logging information directly…to the console is fine for simple debugging…of small scripts, but when you start working…with more complex scripts that have lots…of functions, objects, and other elements,…this simply is not good enough.…You don't know anything about exactly what…sequence of events took place and there's…no way of testing the logic of your script…and you definitely don't know anything about…how the browser is actually traversing your…script as it's running.…For more advanced troubleshooting,…we need more advanced tools…and our browser developer tools have those tools built-in.…

If you go to the "Sources" tab,…you'll find a tool that allows us to…step through the code line-by-line to see…exactly how the browser handles each command,…each statement, and how the logic in our script runs.…This tool really warrants its own course…and in this movie, I'll just give you the briefest…of previews so you understand how it works…and you can start working with it.…First, select our script file, "Script.js".…