0

I need to trace the javascript and web traffic upon clicking on a button in a certain page (POSTing).

I'd like to go about the code step by step. Is there a way to do that? (Not debugging my code, I need to see what happens in the browser to any site)

Ted
  • 3,533
  • 9
  • 48
  • 92
  • possible duplicate of [What is a good Javascript debugging tool?](http://stackoverflow.com/questions/1739221/what-is-a-good-javascript-debugging-tool) – jww Jan 14 '14 at 11:47
  • This is up for closure. In case it closes before you get all your answers, try asking Google that question and use StackOverflow's site. I think its been asked in multiple languages/platforms, so you should get a good return. https://www.google.com/search?q=web+debugging+tool+site:stackoverflow.com – jww Jan 14 '14 at 11:49

4 Answers4

3

If you're looking to debug from the client side I find Google Chromes in built tools to be pretty handy.

You can find a nice introduction / overview of them here

Aidanc
  • 6,311
  • 1
  • 23
  • 30
  • 1
    firebug is also interesting. It has a tool to select elements in the dom. Very useful. – chepe263 Apr 16 '12 at 21:12
  • @chepe263 If I get you right, Chrome can do the same. To my personal experience, the built-in chrome web developer tools are faster and more flexible than Firebug (I guess just because they are built-in). – Raphael Michel Apr 16 '12 at 21:19
  • yes, t's my favorite but i started to like firebug because i was working on a page with right click disabled – chepe263 Apr 16 '12 at 21:21
  • question: How can you hold execution once you pressed on SUBMIT, and go step by step on the events ? – Ted Apr 16 '12 at 21:39
  • answer's link is dead. – SIslam Jul 10 '15 at 09:26
  • That link is no longer valid. Here's what it should be as of this comment being posted: https://developer.chrome.com/devtools – Andrew Nov 10 '16 at 02:06
3

http://getfirebug.com/

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Nesim Razon
  • 9,014
  • 1
  • 29
  • 47
  • question: How can you hold execution once you pressed on SUBMIT, and go step by step on the events ? – Ted Apr 16 '12 at 21:40
3

Fiddler is wonderful: http://fiddler2.com/fiddler2/. It acts as a proxy, allowing you to inspect every step of the request/response cycle.

dj18
  • 384
  • 2
  • 7
  • 19
  • question: How can you hold execution once you pressed on SUBMIT, and go step by step on the events ? – Ted Apr 16 '12 at 21:40
  • @Ted - I'm not sure if I understand your question. Fiddler records and displays each event as it occurs. – dj18 Apr 17 '12 at 16:32
  • Thanks I just found that it is possible to halt on all requests. It is very cool! But sometimes when I refresh it doesn't monitor the requests... any idea why ? – Ted Apr 17 '12 at 17:02
  • @Ted - Is your page using AJAX or a similar technology? That won't send a new request to the server. – dj18 Apr 18 '12 at 16:26
0

If you are on Windows, try HTTP Debugger as well.

Khachatur
  • 793
  • 1
  • 9
  • 26