Firebug is like steel so heavy to use. Once I have accumlated enough logs the tool just starts lagging. Devtool is awesome but definitely still lack of some nice touch. I think there are still so much to improve with browser-side devtool. One annoying thing is (regardless of which browser, which devtool), editing stuff always happen in a small portion of a screen. If we can have a dedicated devtool app that'd be awesome. Bigger font, more tabs, drag and drop placement / customized view), and with extension (You should be able to do that already, don't remember).
Sure you can drag the devtool out, but it still lives as part of the browser windows, and switching back and forth between several instances of browser windows? tough!
I am not sure, but has Mozilla hired the folks behind Firebug already?
Jan Odvarko, the author of this post, is a Mozilla employee working on Firebug and related projects. He has worked for Mozilla for 4+ years and is paid to maintain / improve Firebug.
Cookie editing is still missing. Without this feature a wider adoption of FF dev tools or its full utility as a wedev tool is impossible.
Yes, I voted for https://bugzilla.mozilla.org/show_bug.cgi?id=1031192. Please do the same. Thanks.
You can edit cookies with the "Developer Toolbar". It's under "Tools -> Web Developer" and reachable with the shortcut "Shift+F2". It's not brilliant but it works well.
Nice! Thanks. New to me. Still, considering how "not brilliant" this feature is, I'd rather use Chrome dev tools when cookie editing/deleting is needed.
I keep an old copy of Firefox around just so I can have Firebug 2.
Here's what I'd like DevTools to do:
* Make a breakpoints view, not one embedded into a massive list of unsorted (or sorted-by-load-date I guess?!) files that changes over time. If that can't be done (or is against the design philosophy of DevTools), letting me choose the sort order would be nice (e.g. recently-viewed files first, or files with breakpoints, etc ..... and uh, remembering those files and/or settings through refreshes would be fantastic... I miss it from Firebug 2). It's nice because after/during refreshes the breakpoint view lets you pull up the file the second it's loaded, instead of scrolling around in the file list until you find it.
* Make it a LOT more obvious when DevTools is stopped at a breakpoint.
* DevTools doesn't handle initial focus the way Firebug does. As in, when you pull up Firebug via the selection icon--oh, DevTools needs that selection icon for the toolbar--it goes straight to the dom node you selected.
* Make DevTools stop crashing. It stops working. Constantly. The console will just stop printing output, and the DOM view just stops displaying HTML, requiring a browser restart. (When this happens, if you, say, pull up the console and type "1" and hit enter, usually the console echos "1" back to you. When you're in this state, it's not echoed back, though, oddly, some script messages still pop in.)
* Make "debugger" start working again. There are some places where--for who knows what reason--both Firebug and DevTools have ignored breakpoints I've put in, and I've been able to get around it in Firebug by explicitly putting in "debugger;" into my code. You definitely know you're in deep kimchi when you need "debugger;".
* Make DevTools remember the state of my "Log Response/Request Bodies" checkbox. It gets reset constantly, and it should be remembered across refreshes. Heck, even by URL. If I turn it on, leave it on.
Also, for one of my websites, it can't load the source. It just shows "eval" as the filenames over and over with nothing in them. Firebug 2 loads it just fine.
Oh, and DevTools doesn't honor my breakpoints. They "slide" down to the next line DevTools thinks it can actually stop on.
For one thing, the number of times it "slides" past valid code is shocking. Right now I'm looking at a perfectly boring JS file and the breakpoints are only stopping on the function declaration lines. The contents of the functions are being slid past. Once I restart my browser they'll work again.
For another, as a time-saver I put breakpoints on lines that /will/ be valid when I refresh (saves me from having to refresh the file twice), so it simply doing as I told it to do would be grand.
> There are some places where--for who knows what reason--both Firebug and DevTools have ignored breakpoints I've put in...
This might be because the js file you put them in is loaded with another URL and is therefore considered a different file (and therefore does not have your breakpoint). This is what I've experienced before.
This is a bs design, of course, and files should probably be compared via means other than URL.
Sure, I get it, but when it happens you're just in a bad world and you can either try to put breakpoints in every copy of the file that Firebug/Devtools detects, or you can say *&$% it, and add "debugger;" in the file.
I've started developing in FF because of the ability to not have all my chrome plugins installed everywhere, and the dev tools are pretty much there compared to chrome a few versions ago.
For performance inspection chrome is still the winner for sure, but when I just want a light fast experience, FF has been great the last few months.
Can you expand on that first point? Do you mean that you'd prefer that your Chrome extensions not sync across different machines? Or that you just use a different browser when you want to work without a bunch of extensions enabled?
For the latter, you can create a new user[1] and switch to it for a different set of extensions or none at all, or you can just use an incognito window.
Sure! For "I'm a person who is also developer" browsing I have a variety of plugins installed that play havoc with the console normally. In FF I have "I'm working" plugins installed.
I'm aware that I can have different user, but I enjoy the ability to alt-tab obviously based on intent (FF is _always dev, not sometimes dev, sometimes life, or a collection of incognito windows that I then have to alt-~ through).
Though I'm weird about my browsers :-) I use Fluid "apps" (http://fluidapp.com/) for pretty much every site that I visit regularly and BrowserFairy (http://www.browserfairy.com/) to correctly send me to the correct "app" when clicking links.
I second the mentioning and advocating of this feature. For my main Chrome user, I have StayFocusd installed, and its workings make themselves known in various debug outputs, so I switch to a stub user setup on Chrome when doing dev work. I also switch the theme so that I subconsciously associate the non-logged-in, green-colored browser with "hey, it's work time". On a separate user instance, I'm logged into Facebook but have otherwise thrown away the password...it's amazing how the friction of a simple clicks (it only takes a right-click to pop-open the available Chrome users, then left-click to select one) can almost by itself break the reflexive whim to check social media accounts.
I just checked and Debugger -> Sources is still a single alphabetical list. This makes it unusable on a non-trivial JavaScript app that will easily have 50+ modules.
I just imagined the next sentence would be something something Chrome...maybe I inferred too much.
Unix is about lots of tools coming together and so is the internet - if you don't like a tool fork it or go use something else. I don't understand grandstanding about it being antiquated or sucking when others find it useful and appreciate the development efforts.
Firebug has several little features that aren't available in FF DevTools nor Chrome DevTools. Let's hope Firebug 3 has no feature regression and stays around.
Thanks Mozilla, exciting developments! I really enjoy the Firebug user experience, and am looking forward to having it be the frontend to the developer tools.
Sure you can drag the devtool out, but it still lives as part of the browser windows, and switching back and forth between several instances of browser windows? tough! I am not sure, but has Mozilla hired the folks behind Firebug already?