Los Techies : Blogs about software and anything tech!

Essential tools for web developers


Firefox

Firebug

Because today I needed a real tool to debug JavaScript.

After I spent waaaaay too much time trying to use “window.alert”.

Kick It on DotNetKicks.com
Posted May 13 2009, 11:19 PM by bogardj
Filed under:

Comments

Phillip wrote re: Essential tools for web developers
on 05-13-2009 11:56 PM

This post fails because it recommends Firefox which is no longer needed.

IE Developer Tools in IE8 *** all over Firebug. You can also put break points in javascript and step through it line by line.

Firebug fails.

sirrocco wrote re: Essential tools for web developers
on 05-14-2009 12:12 AM

What do you mean firebug fails ? You can debug in firebug , breakpoints and line by line all day long.

Am I missing something ?

Jak wrote re: Essential tools for web developers
on 05-14-2009 1:25 AM

Yep, IE8 tools blow firebug away

remi bourgarel wrote re: Essential tools for web developers
on 05-14-2009 3:22 AM

Can you explain ? Or are you too young ?

Think before coding wrote re: Essential tools for web developers
on 05-14-2009 5:00 AM

You can also debug javascript in Visual Studio (with IE), you can then execut step by step, see your call stack, watch variables...

Dr Nick wrote re: Essential tools for web developers
on 05-14-2009 5:47 AM

Your only problem comes when you have browser specific javascript issues - I know they shouldn't really be around anymore with things such as JQuery, but still it can become an issue!

bogardj wrote re: Essential tools for web developers
on 05-14-2009 8:18 AM

@Philip, @think

All of which you can do in Firebug.  I've used Firebug for a long time, and preference-wise, I've found it a little more straightforward and quicker to use.

Plus, IE8 requires me to use IE8.

cramsay wrote re: Essential tools for web developers
on 05-14-2009 8:27 AM

To those who are advocating using the JavaScript debugger in IE8 - try stepping through something like the Ext JS source code and get back to me. When it's loaded. In 2013.

bogardj wrote re: Essential tools for web developers
on 05-14-2009 8:31 AM

Though I was really talking about "window.alert" being a horribly inefficient way to go with the tools we have now...

Peter wrote re: Essential tools for web developers
on 05-14-2009 8:31 AM

I've noticed IE developer tools lacking some features (or they are too hard to find) compared to Firebug. If you have a site that makes heavy use of Javascript, Firebug really is the way to go.

Plus there are some really good Firebug plugins out there. I'm thinking about Firefinder and YSlow...

See

robertnyman.com/.../firefinder-for-firebug-an-extension-to-quickly-find-elements-matching-your-css-selectors-or-xpath-expressions

developer.yahoo.com/yslow

Maxild wrote re: Essential tools for web developers
on 05-14-2009 8:57 AM

You may also want to check out QUnit from the jQuery team. TDD is possible to practice using js even though I must admit I am more 'at home' specing/testing c# code...haven't that many js tests so far. I even have my automatic build run my QUnit tests. I was inspired by this blog post (www.lostechies.com/.../running-jquery-qunit-tests-under-continuous-integration.aspx), and it was real easy to extend xUnit.net to accompish this.

Kind Regards

Maxild

Roberto Hernandez wrote re: Essential tools for web developers
on 05-14-2009 9:42 AM

I am with you I like Firebug more than the IE8 Tools But its not fare to compare Firebug with window.alert('') when the IE8 Developer tools are there is misleading.

Regards,

Roberto Hernandez

Ken wrote re: Essential tools for web developers
on 05-14-2009 11:29 AM

Why don't you give blackbird a go. Logs to a nice window instead of all the alerts. www.gscottolson.com/blackbirdjs

m4bwav wrote re: Essential tools for web developers
on 05-14-2009 12:59 PM

Uh, if you weren't already using these tools, your probably are not very skilled at the web frontend.

Andrew wrote re: Essential tools for web developers
on 05-14-2009 2:17 PM

Jimmy, shouldn't you have IE8 on your machine anyways?  IE still is the worlds most popular browser.

bogardj wrote re: Essential tools for web developers
on 05-14-2009 2:31 PM

@m4bwav

I do like my BLINK and FONT tags and nested table layouts with 1px gifs for spacing.

Paco wrote re: Essential tools for web developers
on 05-14-2009 3:18 PM

You might also like httpfox.

mycall wrote re: Essential tools for web developers
on 05-27-2009 7:13 PM

Check out eeng.net/.../Utilities.htm for some more utilities.

Add a Comment

(required)  
(optional)
(required)  
Remember Me?

Enter the numbers above:
Copyright Los Techies 2008, 2009. All rights reserved.
Powered by Community Server (Commercial Edition), by Telligent Systems