课程: Learning JavaScript Debugging

今天就学习课程吧！

今天就开通帐号，24,700 门业界名师课程任您挑！

Debugging without a debugger

Debugging without a debugger - JavaScript教程

课程: Learning JavaScript Debugging

开始一个月试用 购买团队方案

Debugging without a debugger

“

- [Instructor] In this video, we're going to look at basic debugging without a debugger using in-browser developer tools and the basics of the console API. So I'm looking here at an example file. This is from a fictitious business called hansel and petal. Just an example business we have for courses here, and I have this page with some available bouquets. The expected behavior is that if I click any of these flower images, it's gonna load in a little lightbox. If I click the images though, it loads the image directly, no JavaScript happening here. So something is clearly broken and we need to find out why. To do that, we're going to open the developer tools. In Chrome, I can go to the view menu, developer, and open the developer tools. I can also use Command + Option + I on a Mac. And right now, it's loaded up over here on the right side. In this little dot menu, I have some various options for where I can place it. I can put it down here at the bottom, and I'm also going to make it a…

内容