0

Is there any way, like in Chrome, where I can manually trace the first script that loads, then continue with the next one and see what it does, then continue on the third one and so on and so forth until all the scripts are loaded?

I'm not sure if there is a problem on the backend or just some scripts removing some contents of my HTML.

I'd like to see how scripts affect the appearance and behavior of site by executing it one by one so that I'll be able to detect which scripts affect certain HTML.

GibiDroidZ
  • 120
  • 1
  • 13
  • Which scripts? Are you talking about the jQuery library or some specific function/script? You can place a debugger line inside a script and step through the code (mostly) as you go. – nurdyguy Aug 10 '15 at 20:49

1 Answers1

0

Yes. Best way is to apply breakpoints in your JS code and the 'scripts' that you are referring to(javascript in HTML I assume).

This can be done in both Firebug and Google Chrome JS Console. Every other place you feel something is wrong with the code add breakpoints and you can see the changes on your webpage with time.

Some references-

Firebug Breakpoints Demo

Set Javascript Breakpoints in Chrome

Debugging JS in Chrome

Community
  • 1
  • 1
bozzmob
  • 12,364
  • 16
  • 50
  • 73