Debugging javascript in a single page application

Question

In a single page application, I load a different html page with jquery.

$('#lodger').click(function () {
    $('#main').load('lodger.html');
});

In my page lodger.html, I have some javascript directly in the page.

Is there a way to debug it? I haven't found a way to do it with Chrome

Curtis · Accepted Answer · 2015-06-18 14:20:58Z

1

The chrome website explains how to debug pretty well:

https://developer.chrome.com/devtools/docs/javascript-debugging

enter image description here

I would refrain from using debugger;. Sooner or later you're going to accidentally leave this bit of code in your script and it'll start pausing your website for users who have dev tools open. Can be very embarrassing.

answered Jun 18, 2015 at 14:20

Curtis

104k69 gold badges280 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

robert trudel Over a year ago

jquery load seem to prevent to see js file in this tool... that work if i use debugger;

Romko · Accepted Answer · 2015-06-18 14:15:51Z

0

You can use debugger; notation inside your inline code, and, having DevTools opened these breakpoints will automatically be hit:

$('#lodger').click(function () {
    debugger;
    $('#main').load('lodger.html');
});

answered Jun 18, 2015 at 14:15

Romko

1,79721 silver badges28 bronze badges

Collectives™ on Stack Overflow

Debugging javascript in a single page application

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related