firebug

I have a facebook canvas application that runs in an iframe. I would like to debug my page in firebug but can not get the javascript to scope to the iframe that is running my app. the iframe: <iframe frameborder="0" src="[app_url_removed]" name="iframe_canvas" id="iframe_canvas" class="canvas_iframe_util" style="height: 905px;"></iframe> i've tried all the following and none of them work: cd(iframe_canvas) cd(window.iframe_canvas) cd(iframe_canvas.window) cd($('iframe_canvas')) I have firefox 3.6.13 and I have tried firebug 1.7a11 and firebug 1.6.2 also tried the bookmarklet and various other

I just cleaned my Firefox addons and wondered: Which features does Firebug have that make it unique? Which features are available in both Firebug and the Firefox Developer Tools? Sebastian Zartner Firefox's native developer tools have come a long way since this question was written. The differences have mainly reduced to the following points: Can't stop the script execution on DOM mutations, XHRs, or cookie changes. XPaths can't be copied. Missing an events side panel in the Inspector (though events are displayed within the DOM structure). Missing a DOM side panel in the Inspector. No live

Hypothetical: I find a page with a button ('#bigButton'), that when clicked causes a llama ('img#theLlama') to show() using jQuery. So, somewhere (say, Line 76) in buttons.js: $('#bigButton').click(function(){ $('img#theLlama').show(); }) Now, let's say I have a big HTML page with a whole bunch of .js files included. I can click on the button and see the llama appear, but I have no idea where the code above is. The solution I am looking for is very similar to that which is available with CSS in Firebug. I want to inspect the element and have it show me that this jQuery occurs in Line 76 of

Today, I've found exception in my firebug console: uncaught exception: [Exception... "Illegal value" nsresult: "0x80070057 (NS_ERROR_ILLEGAL_VALUE)" location: "JS frame :: http://portal.aolcdn.com/p5/_v39.5/js/main.js :: anonymous :: line 196" data: no] This happens for example happen you pass undefined (instead of a string) as an URL to an XmlHttpRequest object. The object detects that this is an invalid value and throws an exception. The exact cause of the problem depends on the code at that position. Inspect the values of the variables that are used there and see if any of them contain

style.css - Original File .box { -webkit-border-radius:8px; -moz-border-radius:8px; padding:10px; } style.css - In Firebug CSS Console .box { -moz-border-radius:8px 8px 8px 8px; padding:10px; } How can I force Firebug to show my -webkit css styles as well? Thanks for your help! Ben Hull I don't think you can - the correct behaviour for browsers is to ignore style rules they don't understand. Firefox sees -webkit-xxx and effectively removes it from the style set, so it can't ever be applied to .box . Safari's inspector will show the -webkit- rules but ignore the -moz- rules for the same reason.