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 D3.js Data Binding with D3.js Making a Scatter Plot

Joshua Erskine
Joshua Erskine
7,706 Points
Posted by Joshua Erskine
Joshua Erskine
7,706 Points

Scatter_plot.html + DevTools + refresh = Video/Treehouse Bug

Whilst following along with this video at about 2min mark. If I open the DevTools and refresh (with/without breakpoints) the debugger will stop at: Line 33: debugger; and then the video will freeze (sound continues) and non-responsive.

I have to close the tab and start over again, but there is no way to watch the video and run Chrome DevTools at the same time.

Will watch the video in Mozilla, but if anyone has a solution or explanation, I would love to hear it.

Cheers

Ben Attenborough
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Ben Attenborough
Front End Web Development Techdegree Graduate 32,769 Points
Ben Attenborough
.a{fill-rule:evenodd;}techdegree seal-36
Ben Attenborough
Front End Web Development Techdegree Graduate 32,769 Points

I had the same problem. Try running the page in a new chrome window (rather than a new tab in the same window). I believe when the Chrome debugger pauses, it pauses all tabs in the window. Opening a new window and running the page there worked for me.