views:

1384

answers:

9

Dear all

I am using PHP/JQuery and Javascript. I am testing the javascript in Firefox using firebug. Is there anything similar for IE? I am struggling to get it to look/work the same in IE 7 and 8.

Are there any tools to solve this? Or standards that i need to follow? Any ideas? And also if anyone can suggest a debugger, it would be help full.

+4  A: 

You can force IE8 to use the same rendering engine as IE7.

Chris Koenig from Microsoft explains it in a blog post

In terms of debuggers for IE I'd recommend Visual Studio Express. It's by far the best debugger for IE. While it's not as tightly integrated as Firebug, for raw JS debugging power it's king. You can set break points, step through code, and do all the normal things you'd want from a debugger. It doesn't have the HTML inspection of Firebug but the IE Developer Toolbar can help you there.

sh1mmer
He asked about a tool similar to the firebug :)
Cshift3iLike
but he is also interested in whether there are any other ways to solve the problem - which maybe was more apparent from the original question.
benlumley
It was the "look/work" the same that I figured this was useful.
sh1mmer
+10  A: 

Check this out:

Internet Explorer Developer Toolbar

Paolo Bergantino
+5  A: 

There is a Internet Explorer Developer Toolbar which @Paolo Bergantino already mentioned. It is just as useful as firebug.

but another solution could be Firebug Lite which works for
IE, Opera, Safari

And here is a very creative way to implement it via Bookmarklets Firebug console for IE

Cshift3iLike
I've found Firebug Lite to be less than useful in my experience. IE really needs better tools.
cdmckay
I can hardly agree that the IE dev toolbar is just as useful as Firebug. With Firebug you can set breakpoints in JS and observe all the http calls that are happening in the background, and that is just scratching the surface. Suppose it's the best there is at the moment for IE though.
Wally Lawless
A: 

Not used it but the FireBug developers have created Firebug Lite for use in other browsers. This is a pure JS solution so doesn't rely on anything installed locally.

Richard
+3  A: 

Internet Explorer 8 has a debugging toolkit that is very similar to Firebug's. Just press F12 to bring it up. Since you can force IE8 to use the IE7 rendering engine you'd be able to debug both of them using it.

Dana Robinson
Interesting, how do I force IE8 to use the IE7 rendering engine. Is that the compatibility view feature?
erikkallen
just insert this meta tag into the head of your documents:`<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />`
ithcy
IE8's Developer Tool's debugger is actually better than Firebug's. Firebug sometimes loses track of the code that is being executed and it’s not possible to debug crunched files that appear on a single line of code. The debugger in IE8 handles all these issues perfectly because (I assume) it's more tightly integrated with the browser.
Chris Tek
A: 

for IE browsers, throw a "debugger" command

function MakeInternet(obj)
{
   debugger

   internet = obj;
}

in your javascript and it will let you pick how you want to debug it.

hunter
+1  A: 

For an equivalent to the firebug net panel, you can use the newly released msfast: http://msfast.myspace.com/

Joeri Sebrechts
+1  A: 

An excellent alternative that I have been using for years is: http://www.my-debugbar.com

  • More stable than MySpace's MSFast
  • Better at most things than Microsoft's IE Developer Toolbar
  • Far more useful than Firebug Lite [which is really just a fancy console]
  • Much faster than ExtJs's script, and it doesn't crash on JQuery testing

There are a number of useful bookmarklets and greasemonkey type scripts, primarily XRay.

Unfortunately, none of these are even close to Firebug, but then again, they are trying to tame a much more vicious beast.

SamGoody