Comments on: How To Make Firebug's JavaScript Debugger Break Inside Dynamic JavaScript Using The 'debugger' Keyword (IE & Chrome Too) http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/ where things have nothing to do with beer - tutorials, tips, how-tos, thoughts, hacks, and other techy nonsense Tue, 22 May 2012 20:57:44 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: Johan Coppietershttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-52407 Johan Coppieters Mon, 27 Feb 2012 08:12:36 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-52407 Call in your generated scripts a function of your own, for example: "doDebug();" Then implement the function in a static .js file where you set a breakpoint. Step out of the function and you're where you wanted to be. Call in your generated scripts a function of your own, for example: "doDebug();"

Then implement the function in a static .js file where you set a breakpoint. Step out of the function and you're where you wanted to be.

]]> By: peethttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-52406 peet Sun, 26 Feb 2012 14:49:53 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-52406 with ExtJS4, in the Ext.Loader, you can set disableCaching: true which will prevent the cache buster parameter from being appended to the js url. with ExtJS4, in the Ext.Loader, you can set disableCaching: true which will prevent the cache buster parameter from being appended to the js url.

]]> By: Peterhttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-52402 Peter Thu, 23 Feb 2012 13:33:43 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-52402 Thanks- I was looking for a way to debug events.. but.. this will help me next time I am working with dynamic JS again.. Thanks- I was looking for a way to debug events.. but.. this will help me next time I am working with dynamic JS again..

]]> By: jimhttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-52172 jim Mon, 24 Oct 2011 10:39:07 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-52172 Thank the lord. I can't believe it took so long to find this. Thanks. Thank the lord. I can't believe it took so long to find this. Thanks.

]]> By: Afzaalhttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-51230 Afzaal Wed, 15 Dec 2010 09:38:04 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-51230 In ExtJs normally we have json file, that are being render in UI and they may normally contains inline javascript functions e.g. { xtype: "panel" ,layout: "card" ,activeItem:0 ,items:[{ xtype: "gridlistings" ,listeners: { render: function(){ debugger; this.store.on("load", function(store){ debugger; this.getSelectionModel().selectRow(0); },this); } } }] } I put the debugger in the renderer and store on load event function. but it doesn't work nor in IE, Firefox and Chrome. In ExtJs normally we have json file, that are being render in UI and they may normally contains inline javascript functions e.g.
{
xtype: "panel"
,layout: "card"
,activeItem:0
,items:[{
xtype: "gridlistings"
,listeners: {
render: function(){
debugger;
this.store.on("load", function(store){
debugger;
this.getSelectionModel().selectRow(0);
},this);
}
}
}]
}
I put the debugger in the renderer and store on load event function. but it doesn't work nor in IE, Firefox and Chrome.

]]> By: chairfacehttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28718 chairface Fri, 18 Dec 2009 12:44:31 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28718 Hmm, that is very odd. I just tried it again, and it definitely isn't working. It may have something to do with being on a Mac, as I'm pretty sure their Mac support is still lagging behind Windows. Hmm, that is very odd. I just tried it again, and it definitely isn't working. It may have something to do with being on a Mac, as I'm pretty sure their Mac support is still lagging behind Windows.

]]> By: R.J. Steinerthttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28693 R.J. Steinert Fri, 18 Dec 2009 04:56:02 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28693 Smoking. It's actually faster to call the breakpoint line using debugger; when debugging code than setting it in Firebug which would otherwise require you to change the position of breakpoints to hit the 'same line' if you added another line of code. Suppose we could program logic into Firebug to let breakpoints follow code around but it would never be perfect. Smoking. It's actually faster to call the breakpoint line using debugger; when debugging code than setting it in Firebug which would otherwise require you to change the position of breakpoints to hit the 'same line' if you added another line of code. Suppose we could program logic into Firebug to let breakpoints follow code around but it would never be perfect.

]]> By: Danhttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28683 Dan Fri, 18 Dec 2009 01:44:20 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28683 IE can support ANY debugger. Not just their script debugger. The debugger built into IE8 & Visual Studio will also work with the debugger keyword. IE can support ANY debugger. Not just their script debugger. The debugger built into IE8 & Visual Studio will also work with the debugger keyword.

]]> By: Runehttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28676 Rune Fri, 18 Dec 2009 00:16:29 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28676 The debugger keyword works in Opera Dragonfly as well. The debugger keyword works in Opera Dragonfly as well.

]]> By: R.J. Steinerthttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28670 R.J. Steinert Thu, 17 Dec 2009 22:21:53 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28670 Awesome. Thank you for writing about this. Awesome. Thank you for writing about this.

]]> By: Artem Russakovskiihttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28666 Artem Russakovskii Thu, 17 Dec 2009 21:56:58 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28666 Maciek, I already mention that IE and Chrome support it too, both in the title and in the post content. Thanks for looking out anyway :-] Maciek,
I already mention that IE and Chrome support it too, both in the title and in the post content. Thanks for looking out anyway :-]

]]> By: Artem Russakovskiihttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28665 Artem Russakovskii Thu, 17 Dec 2009 21:55:55 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28665 chairface, I don't think so. I'm running Chrome Beta 4.0.266.0 and my debugger triggers fine. You just have to open it before you refresh the page (Ctrl-Shift-J, then the Scripts tab). <img src="/for_www/chrome-js-debugger.png"> chairface,
I don't think so. I'm running Chrome Beta 4.0.266.0 and my debugger triggers fine. You just have to open it before you refresh the page (Ctrl-Shift-J, then the Scripts tab).

]]> By: chairfacehttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28664 chairface Thu, 17 Dec 2009 21:04:59 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28664 Is there a trick for getting the debugger keyword to work in Chrome? I already knew about it for Firebug, but Chrome seems to skip right over it. I've been setting breakpoints manually in Chrome when I can. Is there a trick for getting the debugger keyword to work in Chrome? I already knew about it for Firebug, but Chrome seems to skip right over it. I've been setting breakpoints manually in Chrome when I can.

]]> By: Maciekhttp://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28660 Maciek Thu, 17 Dec 2009 20:04:13 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28660 Hi Artem, You should also know that the debugger keyword works for debugging code in IE if you have MS's script debugger tool installed.. It's not as awesome as Firebug, but it certainly is better than alert debugging and you can set breakpoints, watches, etc as well. Cheers Hi Artem,

You should also know that the debugger keyword works for debugging code in IE if you have MS's script debugger tool installed.. It's not as awesome as Firebug, but it certainly is better than alert debugging and you can set breakpoints, watches, etc as well.

Cheers

]]> By: jius0http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28659 jius0 Thu, 17 Dec 2009 19:53:07 +0000 http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/#comment-28659 this is quite interesting, I never saw the 'debugger' keyword before. It's not even a function... just a keyword. should be very helpful. this is quite interesting, I never saw the 'debugger' keyword before. It's not even a function… just a keyword. should be very helpful.

]]>