Wednesday, September 21st, 2005

IE Web Developer Helpers

Category: IE, JavaScript, Utility

At Microsoft PDC, we heard about the Internet Explorer Developer Toolbar Beta, which is like the Firefox Web Developer extension that every web developer has in their back pocket.

IE Developer Toolbar

The IE Developer Toolbar provides several features for deeply exploring and understanding Web pages.

  • 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 800×600 or a custom size.
  • 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 objects on your pages.

Web Development Helper

We also have a non-Microsoft helper, which is the Web Development Helper:

ASP.NET Development Helper is a utility for ASP.NET page and control developers that plugs into Internet Explorer. It allows viewing information about the current page such as view state and trace, perform some operations on the server in the context of the running application to aid testing, and also allows monitoring requests and responses for diagnostic scenarios.

The tool requires beta 2 of the .NET framework v2.0. All features except the HTTP logs feature only work when the application is on http://localhost, in other words, it does not allow a remote user to interact with the server application.

As you see, this is focused more on ASP.NET than the IE Dev Toolbar.

web-development-helper.png

Posted by Dion Almaer at 11:37 am
1 Comment

+++--
3.1 rating from 8 votes

1 Comment »

Comments feed

Not sure why you say its focused on asp.net – it has http logging and script debugging and a dom inspector in addition to asp.net features.

Comment by foo — September 24, 2005

Leave a comment

You must be logged in to post a comment.