Javascript development addon for browsers

+2 A:

For IE just get IE8, the built-in dev tools are pretty good. If you need to test IE7 behaviour use compatiblity mode. Of course you may wish to do a final test on IE7 itself (and you can download Script debugger and dev tools to work with IE7 but thats not as slick).

AnthonyWJones 2009-05-01 08:19:45

Yeah, and the rendering engine is pretty good too, defeating the purpose of debugging issues with IE6 and IE7.

Jenko 2009-05-01 08:21:01

In compatability mode IE8 has the same rendering bugs as IE7. However the tools for analysing the DOM/CSS and debuging javascript are better. The question is about debugging not testing the two are separate issues. I'm fairly sure if you have a problem in IE7 you can reproduce on IE8 with compatability on however the tools for finding the problem are better on IE8.

AnthonyWJones 2009-05-01 08:26:28

Also note the question relates to Javascript debugging, the developer tool bar doesn't help there.

AnthonyWJones 2009-05-01 08:27:43

+1 for the clarifications. Keep it coming!

Jenko 2009-05-01 08:29:10

+1 A:

IE Developer Toolbar

Opera? Never an option! Webkit may be more important.

Francis 2009-05-01 08:21:13

Great that it works with both IE7 and IE6. This is simply great.

Jenko 2009-05-01 08:22:16

+1 A:

I use Developer Toolbar for IE.

Canavar 2009-05-01 08:22:24

+5 A:

Firebug Lite?

garrow 2009-05-01 08:24:03

Haha. Pretty damn good.

Jenko 2009-05-01 08:25:51

Hope it is compatible on most browsers though! Yeah, should be, considering it is a dev tool.

Jenko 2009-05-01 08:26:36

@Jeremy Rudd: According to the Firebug Lite webpage, it works in IE, Opera, and Safari.

Steve Harrison 2009-05-01 08:30:56

wow..thats just awesome..did not know about this

Perpetualcoder 2009-05-01 08:32:06

+3 A:

If you are using IE8 - Press F12 and you will see the fantastic developer tool window.

If you are using earlier versions IE Developer Toolbar maybe handy.

For Opera you can use DragonFly or this might help

Perpetualcoder 2009-05-01 08:25:03

+1 A:

Safari 4's Web Inspector is great.

Steve

Steve Harrison 2009-05-01 08:28:25

Safari for windows? I don't have a Mac.

Jenko 2009-05-01 08:31:47

Apple do make a version of Safari for Windows, if that's what you mean. I've only used the Web Inspector in Safari 4 for Mac, but it should be the same in the Windows version.

Steve Harrison 2009-05-01 08:36:17

Safari is using Webkit, so you can simply go debug with Google Chrome (also using Webkit) and forget about Safari.

Francis 2009-05-01 08:42:20

+1 A:

Safari 4 (beta) (for both Mac and PC) may help you, but after you download it and install it you'll need to go into your preferences and turn on the Developer settings, then restart Safari. This will give you a Developer file menu item with choices to change the User Agent, JS Profiler and Debugger and a great little Web Inspector window (either docked or floating) which gives you access to (X)HTML, CSS, Resources (assets and timing), JS, JS Profiling and HTML5 database.

In addition it gives you a JavaScript console so you can make calls into the current rendered page to check for settings, variables, DOM walking and many other various little goodies, all in real-time. Quite powerful and really nice.

Once you've tweeked what you're tweeking, simply copy your changes (or note them then) make the changes to your source. I've only started accessing the power of it and I have to say, it's so far been a real joy to use - surprisingly so.

Remember if this answer helps or you just plain like it, "knock it up a notch!" Bam! (^_^)

Kevin Bomberry 2009-05-01 09:11:24

ansaurus

tags:

views:

answers:

Javascript development addon for browsers

related questions