Thursday, July 10, 2008

How to Troubleshoot web pages in IE

Most of the Web Developers are using FireFox when developing their Web applications because their are number of plugins that can help them troubleshoot their pages. A good example for such plugin is FireBug.
Personally as a web developer i can't work without FireBug because i can debug and fix my problems very easily with FireBug.

As a cross browser developer i found many times my self in a situation where i need a FireBug like functionality for IE. After some surfing i found IEDevloper Toolbar, a good utility for this purpose made by Microsoft.

IEDevloper Toolbar is not that strong and powerful as FireBug but still provide developer a good support for debugging.

The Internet Explorer Developer Toolbar provides several features for exploring and understanding Web pages. These features enable you to:

  • 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.
  • Display a fully featured design ruler to help accurately align and measure objects on your pages.
  • Find the style rules used to set specific style values on an element.
  • View the formatted and syntax colored source of HTML and CSS

Download Internet Explorer Developer Toolbar

1 comment:

Mohsin Ali said...

good help mazhar... wish u a sweet life ahead..