Hacking MySpace

Microsoft’s new Internet Explorer Developer Toolbar (still in Beta) is a great tool if you’re creating a MySpace div overlay layout, or if you want to understand how somebody else’s layout works, or if you want to work out the sequence of tags to specify an element (if you want to hide it for example).

The Internet Explorer Developer Toolbar is very handy

Thanks to Geroge for this tip, who said: “The Developer Toolbar allows you to see div classes on your page, not to mention a ruler for measuring pictures on your page plus many many more features.”

Once you download and intall the toolbar, selecting View -> Explorer Bar –> IE DOM Explorer from within Explorer will bring up the toolbar, which can be pinned to the Explorer window or floated separately.

The toolbar allows you to do a number of things:

• Explore and modify the document object model (DOM) of a Web page.
• Locate and select specific elements on a Web page through a variety of techniques.
• Selectively disable Internet Explorer settings.
• View HTML object class names, ID’s, and details such as link paths, tab index values, and access keys.
• Outline tables, table cells, images, or selected tags.
• Validate HTML, CSS, WAI, and RSS Web feed links.
• Display image dimensions, file sizes, path information, and alternate (ALT) text.
• Immediately resize the browser window to a new resolution.
• Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
• Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.
• Display a fully featured design ruler to help accurately align and measure objects on your pages.

I’ll report some more on the Developer Toolbar once I’ve had more time to play with it. Don’t hesitate to report your experiences or to provide tips or suggestions.

Related: