6

I am studying this page: http://www.fxstreet.com/rates-charts/currency-rates/ which is continually updated by JavaScript with new data from the server. So clearly there is some JavaScript function continually executing in the page. So I opened Firebug and I don't see any "profiler" type output that would continually add new info about executing scripts. The "script" tab only shows 46 not very clear records, without timestamps and without any indication that there is continual new JavaScript activity to profile.

What am I doing wrong? How do I go about groking the JavaScript activity on a page?

Wayne Koorts
  • 10,861
  • 13
  • 46
  • 72
EndangeringSpecies
  • 1,564
  • 1
  • 17
  • 39
  • In Chrome, you can view the XMLHttpRequests by selecting that option in the right click menu of the console window. – Blender Nov 11 '11 at 01:12

3 Answers3

9

In the Console tab of Firebug there is a Profile button next to Clear and Persist, which does what you're trying to do. It's not real-time but you can let it run for a certain time period and analyse the results afterwards which should show you what you're looking for.

Wayne Koorts
  • 10,861
  • 13
  • 46
  • 72
1

You can do one of three things

  • Put in console.log() lines to output to the console what data you want to see as your application is running
  • add "watches" to objects in your application which will automatically update when that object changes in your application
  • Put breakpoints in your code and manually debug through your code step by step to see how it is running

If it is server request/response information you are looking for you want to look at the "Net" tab of firebug

Keith.Abramo
  • 6,952
  • 2
  • 32
  • 46
0

In firebug, or chrome dev tools, select the js file cometd-1.1.2-teletrader.js. Once there, you can set a breakpoint at line 167 or :

function _longpollComplete

you can also put a breakpoint at line 171 :

function _complete

once you break into the code you can see the objects being returned which contain the data which update the grid. you can step into _longpoolComplete and see the data structure :

0: Object channel: "/teletrader/symbols/3212198" data: Object change: "0.0124" changePercent: "0.1848" dateTime: "11.11.2011 02:19:20" last: "6.6964" symbolId: 3212198

1: Object channel: "/teletrader/symbols/3212160" data: Object change: "-0.2725" changePercent: "-0.2202" dateTime: "11.11.2011 02:19:21" last: "123.4650" symbolId: 3212160

etc.

Joe Carr
  • 313
  • 1
  • 9
  • this sounds great :) but how did you know? Do all such scripts have methods with keywords like "long pool"? – EndangeringSpecies Nov 11 '11 at 04:03
  • No, not all such scripts have such explicit names. And, I only looked at the js which was executing to try to find out what the source was. – Joe Carr Nov 15 '11 at 04:13