firebug

When inspecting a page's DOM, I would like to know the attached event(s) of an element quickly For example, if a button has this HTML DOM <button id="button1">Click Me</button> And somewhere (not in a place that I know in advance) it has an event attached, e.g. $("#button1").click(function(){...}); I know it can be done programatically ( Can I find events bound on an element with jQuery? ) but is there a way using just one of the developer tools for Chrome / Firefox / IE to see a list of events? Update : I found out that in the newer Chrome versions I have a tab called EventListeners but it

I didn't find a way to debug Greasemonkey scripts with the Firebug extension. Does anyone know how to do this ? Thanks. Brock Adams Updatier: The Mene+Shuman fix now is busted with Firefox 30 and Firebug 2. Firefox 31 may provide workarounds (will investigate). In the meantime, use the "General workaround strategies" listed below. Update: This answer is now obsolete. If you open about:config and set extensions.firebug.filterSystemURLs to false then you can use Firebug to debug the Greasemonkey script just like any other. This works irregardless of the @grant mode. See Mene's answer -- with an

I've been trying to use Firebug's profiler to better understand the source of some JavaScript performance issues we are seeing, but I'm a little confused by the output. When I profile some code the profiler reports Profile (464.323 ms, 26,412 calls) . I suspect that the 464.323 ms is the sum of the execution time for those 26,412 calls. However, when I drill down into the detailed results I see individual results with an average execution time greater than 464.323 ms, e.g. the result with the highest average time reports the following details: Calls: **1** Percent: **0%** Own Time: **0.006 ms*

Possible Duplicate: 'console' is undefined error for internet explorer If you have console.log statements in your code, Internet Explorer will throw a JavaScript error (at least in IE7 which is what our intranet users have installed). I am using Firefox for most of my development testing primarily because of the functionality provided by Firebug (where I use a lot of console statements) but I also need to test in IE. if I add the following to my JavaScript, the error does not get thrown. var debugging = false; if (typeof console == "undefined") var console = { log: function() {} }; The problem

Access to restricted URI denied" code: "1012 [Break On This Error] xhttp.send(null); function getXML(xml_file) { if (window.XMLHttpRequest) { var xhttp = new XMLHttpRequest(); // Cretes a instantce of XMLHttpRequest object } else { var xhttp = new ActiveXObject("Microsoft.XMLHTTP"); // for IE 5/6 } xhttp.open("GET",xml_file,false); xhttp.send(null); var xmlDoc = xhttp.responseXML; return (xmlDoc); } I'm trying to get data from a XML file using JavaScript. Im using Firebug to test and debug on Firefox. The above error is what I'm getting. It works in other places i used the same before, why is

I have an Internet Explorer only web application. I'm exploring what we can do to automate the testing. Selenium looks like a good tool, but to be able to activate links etc. I need to tell it where they are. The application wasn't built with this kind of testing in mind, so there generally aren't id attributes on the key elements. No problem, I think, I can use XPath expressions. But finding the correct XPath for, say, a button, is a royal pain if done by inspecting the source of the page. With Firefox / Firebug, I can select the element then use "Copy XPath" to get the expression. I have the