Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Breaking on Events and Basic Stepping

Kevin S
seal-mask
.a{fill-rule:evenodd;}techdegree
Kevin S
Data Analysis Techdegree Student 15,862 Points
Posted by Kevin S
.a{fill-rule:evenodd;}techdegree
Kevin S
Data Analysis Techdegree Student 15,862 Points

Why is My Sources Tab Slightly Different Than in the Video?

My sources tab is very slightly different from the one in the video. For example, when Joel clicked on the purple "listItem", the browser switched to console view with what he clicked highlighted. My listItem is black just like the text around it, and it does not hyperlink to the exact spot in the console. Also, my breakpoint begins one line in front of his.

What could be going on here? Do you think this could be because of Chrome updates since the video was made?

Thanks,

Kevin

1 Answer

Cooper Runstein
Cooper Runstein
11,850 Points
Cooper Runstein
Cooper Runstein
11,850 Points

Yes, absolutely, Chrome updates their dev tools pretty frequently, and much to everyone's delight, they tend to be useful updates. Sometimes they change the look, but it's normally pretty minor. There is also really good documentation on the Internet for nearly everything in the tools, make sure you use Google heavily when you come across something in the tools you don't understand, Chrome dev tools are a lifesaver.