I don't know how the article missed Speed Tracer. https://chrome.google.com/extensions/detail/ognampngfcbddbfe...
I find that the JS debugger is far better (or at least since the last time I worked with Firebug). That's enough for me.
I've toyed around with various bookmarklet utilities to aid front-end developers. Firebug lite feels like one of those to me. I (maybe wrongly) perceive those as lightweight utilities.
Based on your comment, it sounds like my issue may be more with usability than functionality. I haven't even given the lite version enough of a chance since I didn't realize the JS debugger might be superior.
For the record, most of the time I'll use Firebug to tweak/debug some CSS. I'll also use it to track down JS issues. I've recently started to use it for server-side debugging with a couple php extensions.
Right now, Chrome is my primary browser (OSX). I'd love to use it exclusively, but I still find myself bouncing between the two when developing. (Sometimes I find myself getting lost in a cycle of Safari, Chrome and Firefox windows, but that's a whole 'nother issue.)
Edit: Fixed my use of parentheses.
- inline viewing of ajax requests
- go to link that works
- urls that work
- keyboard shortcuts for debugging (go to line, create breakpoint)
- inspector with more options
- easier to edit inline html with highlighting not raw text
- connecting to console via other extensions (chrome API is very
small compared to firefox API)
- Better search in scripts
- Better search in DOM tree
- Better search in inspector
- Less clicking when viewing remote content
- Displaying remote content that works (file is loaded, content tab is empty)
Only a matter of time before it's implemented in chrome. But, firebug already has all this stuff and it makes a huge difference when debugging JS
Note: I wrote a couple of chrome extensions. Therefore, I cumulated more frustration than the average JS developer on chrome because switching to firebug is not even an option in my case ;-)
more objectively, you can definitely review ajax requests in the inspector- and I actually think this feature is superior as well.
interestingly, I actually learned to love the chrome inspector because I was so fed up with using firefox in general (enough so that it's debugging capabilities did not outweigh the cons).
F1 shows shortcuts.
⌘G: Go to Line
How do you create a breakpoint with shortcut?
If you need multiline and you're on a Mac (not sure about Windows), you've got option+return in the console.
It has an extension called Color Picker, which gives you a shortcut for popping up a Color Picker/Eye Dropper tool whenever and wherever you want, anywhere inside you Operating System. It's customizable as to what exactly gets copied to your clipboard. It is a much better option than having an extension, IMO, both because it's part of a utility I use anyway, and because it is available anywhere inside Windows, not just your browser.
Fortunately, there is both an actual 'eye dropper' extension and the 'color pick' extension. Eye dropper never worked for me on my Linux box, but color pick works like a charm. Here is its extension page: https://chrome.google.com/extensions/detail/ohcpnigalekghcmg...
- Evernote Web Clipper - for saving code snippets and notes about projects
- Resize Window - to open a page in a resolution of your choice. Very useful.
- Awesome Screenshot - take a screenshot and let people know what you think about a page ... if you're using Safari, Coda Notes is much nicer, though :)
And, of course, the developer tools included in Chrome (first in Safari ... and they still are nicer there) are great, too.
Any more extensions HN users find useful?
Feel free to add a couple of links
About chrome extensions:
You might like vimium http://github.com/philc/vimium
So, for links:
- Evernote Web Clipper for Chrome: https://chrome.google.com/extensions/detail/pioclpoplcdbaefi...
- Window Resizer: https://chrome.google.com/extensions/detail/kkelicaakdanhinj...
- Awesome Screenshot: https://chrome.google.com/extensions/detail/alelhddbbhepgpmg...
- GleeBox is another pretty awesome extension for navigating pages via keyboard shortcuts: https://chrome.google.com/extensions/detail/miinkdcjglbkbanp...
And for Safari: Coda Notes - http://www.panic.com/blog/2010/07/coda-notes-for-safari-now-...
Vimium looks nice ... I'll have to give that a try.
Take a look at my fork (and others) for more stuff.