firebug

How to Debug java Script Error Using Firebug? Duplicate How can I set breakpoints in an external JS script in Firebug Debug using FireBug . Just check the line on which the error is occuring, then, just before that line, write a "debugger" call. debugger; //Will invoke FireBug's debugger. var err = abcs; //Line containing error To debug an error in firebug : 1- select inspect tab from menu 2- Set break point in the line that causes error 3- Refrsh the page 4- use F10 to step by step debug and F5 to end debgging It's like debgging of visual studio Use the console.log(yourObject) function to

I would like to capture the Net panel output from Firebug while running a test through WebDriver. I was thinking of doing this using NetExport to dump the info to a har file. How can I activate Firebug to do the export while a particular page is displayed using "driver.get()"? You need the Firestarter extension in addition to Firebug and NetExport. Here's how I do it in Ruby: profile = Selenium::WebDriver::Firefox::Profile.new profile.add_extension "path/to/firebug.xpi" profile.add_extension "path/to/fireStarter.xpi" profile.add_extension "path/to/netExport.xpi") profile['extensions.firebug

Is there a way to make a popout menu 'stick' when inspecting with Firebug. You can do it with Chrome, but I prefer firebug. It's hard to set padding or a margin when you can't see the element you are styling. I did some research but couldn't figure it out. There's an option built in: Inspect the element that's "hidden", then use this. You can show/hide them using JS console, directly using show() or binding an event(mouseover, click etc). 来源： https://stackoverflow.com/questions/6462016/whats-the-trick-to-inspect-popout-dropdown-menu-style-with-firebug

Background story: I have a page with multiple CSS that override each other. There are so many crossed out CSS style, so I don't want to see them. I know Firebug on Firefox provide this feature (Only Show Applied CSS), which can show what CSS style in what CSS file is being applied (neat !). How do we have this feature on Chrome ? I tried install Firebug Lite for Chrome but no luck. PS: Chrome have Computed Style tab, but it does not show what style come from what CSS file. In the Chrome dev tools, in the right hand column (where CSS is shown in the Elements panel), the first section is called

I'm trying to debug some tricky behaviour in my web application: It appears as though an XHR GET request is being sent by the client, but the server never actually receives it. Furthermore, the client seems to receive duplicate data in the unseen request as the previous XHR request it sends. Further confounding matters, Firebug colors the second XHR request as light gray in the Net panel (the request here is third from the bottom, the second "GET test"): I haven't been able to find any documentation about what this coloring means. I think if I understood this, it might help explain this

So in my javascript I'm making an ajax call to a service on my website. Whoops, something fails. No problem. Here's what I'd do in Firefox: Open the firebug console Find the failed Ajax call and click the + sign to see more info. The response tab has the raw HTML. Who wants to read all that? I click the HTML tab. Ah, the nicely formatted HTML returned by Django shows my divide by zero error. Now here's what I currently do in Chrome: Ctrl+Shift+J to open the Developer Tools Go to Resources Scroll down to the Ajax call and click Once again, I see raw HTML. Still don't want to read all that, but

Brief introduction: I'm attempting to get at line number of function definition for parsing documentation comments on only public stuff. I've gotten to the point where I can find the name of the function and if I so wanted I could execute the function, but I can't seem to figure out any way to pull out line number information. Note: this is purely for documentation purposes so cross-browser isn't necessary. I know firebug (but not firebug lite so I don't know how possible this is) shows you the line number and script location of a referenced function on mouseover. I looked through the firebug