IE7: tricks/plugins for seeing all the html on a page?

+3 A:

When developing in IE I use the IE developers toolbar:

http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en

It will allow you to see rendered HTML on the page, and allow you to drill down and select specific elements that you want to see. There are various highlighting functions, and you can trace styles back to their source.

It's not the be-all and end-all of developer toolbars, but for those times I can't use Firefox / Firebug it does the job over other solutions I have tried

Chris 2009-02-22 00:39:37

+1 I was just going to post that... I've used that toolbar and it seems very similar to Firebug, so I don't know why it shouldn't work.

David Zaslavsky 2009-02-22 00:40:54

tried it before, doesn't work on my setup (or doesn't work very well); I un-installed it after about 10 mins of trying to get it do find element by click

jcollum 2009-02-22 00:54:12

what about it didn't work? Sometimes you need to adjust some of the advanced settings in IE to get it to work. The easiest way to tell IE is not setup correctly is if you cannot see ANY elements in the left most of the 3 panels

Chris 2009-02-22 00:56:56

First problem is that it won't work in my dialog-ish window that I need to see the html in; this app is full of these kind of windows. Can't see history, can't get to menus etc. View source is about the only thing I have.

jcollum 2009-02-22 01:26:27

Sorry, what I meant is that this window is a popup and because of that I can't get to any toolbars.

jcollum 2009-02-22 01:30:56

A:

Some ideas:

Firebug Lite
Use IE8 (with its developer tools) in compatibility mode.
MS created a developer toolbar for IE7 (sort of like Web Developer FF extension): http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en
Temporarily add a link with an onclick handler to dump document.outerHtml into a <pre>

Richard 2009-02-22 00:41:25

1) tried it, not a good option because of the inserted js 2) not an option, don't want my dev env to be out of sync with team 3) that thing doesn't work well

jcollum 2009-02-22 00:51:06

option 4 might be what I have to do, I'd forgotten about that little trick

jcollum 2009-02-22 01:40:25

a temporary link with an onclick handler seems to me to be the only 100% sure way to get this to work, so that's why this is the answer

jcollum 2009-02-26 01:27:23

+1 A:

IE7 Pro gives a right click and "View Generated Source" option.

Bob 2009-02-22 00:48:21

Sounds good, but when I click "View Generated Source" nothing happens. Hmm. Posted it as a bug: http://forum.ie7pro.com/viewtopic.php?pid=19364#p19364

jcollum 2009-02-22 01:11:31

Holy crap it has a downloads window! sweet

jcollum 2009-02-22 01:12:40

And ten minutes later I uninstalled it. The downloads never connected. Uninstalled and they connected immediately. Something wrong with it, it might be becuase I'm behind a proxy, I dunno.

jcollum 2009-02-22 01:27:30

Hard to imagine why this would be downvoted though... seems to be exactly what I need (except for the bugs)

jcollum 2009-02-22 01:31:29

I just installed the latest version and I am able to View Generated Source to Notepad++ with no issues. I am not behind a proxy. Can you test on another machine?

Bob 2009-02-22 01:44:40

ansaurus

tags:

views:

answers:

IE7: tricks/plugins for seeing all the html on a page?

related questions