Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there a better developer toolbar for IE8?

I've been pulling my hair out for the last few hours trying to wrestle with the IE8 developer toolbar while working with some styles not playing with IE7 mode properly...

Coming over from Firebug the difference is like... well lets just say its better then nothing.

What I'm wondering is, has there been any.. additions, patches, hacks, updates etc to improve the toolbar at all in IE8? It seems, like with most things associated with the IE line, this was really done as an afterthought and not much effort was put into making it work well...

Update: So I was, it seems, not specific enough.. here is what is annoying me about the IE offerings:

  • Style support - yeah, it is there, but it just doesn't feel right. It isn't easy to see the inheritance, and if you want to tweak an existing style you have to go into Attributes and add an override to the element.
  • HTML element location. This just seems a LOT cleaner in Firebug
  • Scrolling - If you have an element selected in the HTML pane, and you goto scroll in the CSS pane on the right it wont happen until you focus that pane.

Most of all its just the small annoyances - I think I've been too spoiled by Firebug, and I want it in IE - but considering the 'closed'-ness of the product it would be hard to get this rectified. To be honest, if I could contribute I would, because it would make my life so much easier - but... yeah.

like image 501
Matthew Savage Avatar asked Oct 25 '09 12:10

Matthew Savage


People also ask

Does Internet Explorer have developer tools?

To access IE Developer Tools, you launch Internet Explorer and press F12 on your keyboard or select “F12 Developer Tools” on the “Tools” menu. This opens the developer tools inside the browser tab.

How do I use F12 tools?

To open F12 tools, press "F12" from the webpage you want to debug or inspect. To close F12 tools, press "F12" again. Lists command menus that can be accessed at any time regardless of the selected View.

How do I debug F12 in IE?

Right click to 'Inspect Element', or click on F12 Developer Tools from the gear icon to open the Developer Tools pane. Click on the "Debugger" tab. Click on the Stop sign icon.


2 Answers

Not sure what specific issues you are trying to debug, but the following tools all work well for their specific purposes:

Fiddler2 - HTTP Debugging Proxy - if you want to see what files are called, loaded, how, headers etc. this is the tool you want.

IE Tester - If you want to see how your site renders in IE6, IE7, IE8 without installing a bunch of virtual machines (or different PCs) this is a very good tool (not perfect, but very good)

DebugBar - Similar to the IE dev toolbar (but its been around much longer) it will let you inspect/alter various aspects of the HTML/CSS/JavaScript.

like image 59
scunliffe Avatar answered Sep 21 '22 10:09

scunliffe


You're looking at Firebug Lite. See: http://getfirebug.com/lite.html

You can just install it easily onto your web page and it'll work just like Firebug on Firefox.

like image 24
mauris Avatar answered Sep 21 '22 10:09

mauris