From the course: Building Website Interactivity with JavaScript

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Using a debugger with Codespaces

Using a debugger with Codespaces - JavaScript Tutorial

From the course: Building Website Interactivity with JavaScript

Start my 1-month free trial Buy for my team

Using a debugger with Codespaces

“

- [Instructor] In this video, we'll look at how to use the browser developer tools and specifically the debugger in the context of code spaces. If you've been a web designer or developer for very long, you'll probably be familiar with the developer tools, dev tools for short, of the browsers you use. These let you see under the hood of a site and troubleshoot. The menu location varies, but the key command is usually command option I on Mac OS and Ctrl Alt I elsewhere to open them. In Firefox, they're under the tools menu, under browser tools, and in Chrome, you'll find them under the view menu and developer. In our code space, there's an extension installed to preview a project in a separate pane or even in a new window. The default behavior controlled by this little button up here opens a new pane. Now you can see this preview pane is a little wonky. It's taking up a lot of space with this blank area. I don't know what that's about, but now that we have this open, it is nice to have…

Contents