IE7: DevToolbar
A nice extention on IE7 is the developer toolbar, this toolbar has some nice features for developers. Forget the view source menuitem, make some place in your brain for new stuff.
Some features are
- The toolbar will show you the complete DOM of the document and while you're browsing the DOM in a treeview, it will indicate the current element in the webpage and if you don't like to browse the DOM then click an item on the page and that element will be shown in the DOM including all properties of that element.
- You can disable "Cache", "Images", "Cookies","Scripts","Popup Blocker" and "All CSS".
- You can show all class names, id's, links, tab indexes and access keys. Very handy when testing the UI or debugging why some element get's rendered in a strange way.
- You can indicate all elements in a page with a specific color.
- You can show image dimensions, filesize, path, alt text and an image report, which gives a detailed report about the images on a page.
- You can resize the window to a specific size (800x600,1024x768...)
- You can validate your html, css, feed, links and more.
- You can mesuare the distance in pixels between elements.
So, it seems that there is a new tool for serious developers, get it at Microsoft downloads
I'm working on an extended version of the "Really Simple Sample", so stay tuned for more...