JavaScript Menu by Deluxe-Menu.com
Mastering the Web channel
mastering the web
 Best Viewed with Internet Explorer 7 
   Brief Description

Debug and view web content easily. Browser Highlighters locates the related HTML code for any web content by simply pressing and holding the Ctrl key while moving the mouse over that particular content. It also identifies the web content in the browser that is related to any selected element. Property View shows the properties and their values for DHTML elements including their styles and positioning information. Another Property view shows DOM properties for Document, Window and Location objects. Hot referencing in all views. Every search item in the search results view when clicked will take you directly to that item’s source. Events logged in the document and browser event views when selected will highlight the elements or document context corresponding to them. The following web tools provides a variety of tools for quickly creating, understanding, and troubleshooting Web pages.

Note: Web objects are supported in QuickTest Professional only when the QuickTest Professional Web Add-in is installed and loaded.

   Internet Explorer Developer Toolbar

Screenshots

Product Screenshots ( click on relevant image to enlarge )

Overview

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

The Developer Toolbar can be pinned to the Internet Explorer browser window or floated separately

System Requirements

Supported Operating Systems: Windows Server 2003; Windows Vista; Windows XP
The Developer Toolbar is not compatible with Internet Explorer 8.

Links

• Download Internet Explorer Developer Toolbar
• IE Web Development Forum on MSDN
   DebugBar

Screenshots

Product Screenshots ( click on relevant image to enlarge )

Overview

Debug Bar is an Internet Explorer plug-in that has powerful features :
• View DOM Tree and modify tags attributes and css attributes on the fly to test your page.
• View HTTP/S request to check cookies, GET and POST parameters, view server info.
• View javascript functions for easier debugging, see Javascript and AJAX code.
• Validate HTML code to correct and optimize your code and html size of your page.
• See page cookies, get pixel color on a page, make a page screenshot...
• The plug-in also includes several other tools such as a summary of the website's cookies, a color picker and a screenshot capture tool which enables you to obtain an image of the whole webpage and send it by email.

System Requirements

OS: Win98/98SE/Me/2000/XP

Links

• Download The DebugBar
• Product Site
   Castapoint DHTMLSpy

Screenshots

Product Screenshots ( click on relevant image to enlarge )

Overview

Designed for the Internet Explorer, DHTMLSpy features an efficient workspace design making web page analysis a pleasure.
• The expected DHTML tree view drills into all frames and iframes in a page showing all loaded documents in the same view.
• Element properties are shown in addition to any style properties they have.
• Browser Highlighter locates the related HTML code for any web content by simply pressing and holding the Ctrl key while moving the mouse over that particular content.
• identifies the web content in the browser that is related to any selected element in the DHTMLSpy's HTML view
• See page cookies, get pixel color on a page, make a page screenshot...
• Save a Web Page and its resources to disk for offline work. Better than the browser's own built in "Save As..." feature.
Property View shows the properties and their values for DHTML elements including their styles and positioning information. Another Property view shows DOM properties for Document, Window and Location objects. Hot referencing in all views. Every search item in the search results view when clicked will take you directly to that item's source. Events logged in the document and browser event views when selected will highlight the elements or document context corresponding to them

System Requirements

OS: Win2000/NT/XP

Links

• Download SoftSonic/CastaPoint DHTMLSpy
   DHTML Spy

Overview

DHTML Spy allows you to view and study DHTML document shown by almost any applications including Features include HTML Outline with element's source, syntax coloring and more. The tool is designed for developers and not as a casual source code viewer. Internet Explorer, Outlook, MSDN, etc. DHTML Spy Beta allows you to:
• View HTML contents of Web Browser window.
• Coloring HTML source.
• Explore the DHTML Document Object Model
• HTML Outline with element's source
• Watch DHTML Element's Events
The Developer Toolbar can be pinned to the Internet Explorer browser window or floated separately

System Requirements

OS: Windows Server 2003; Windows Vista; Windows XP

Links

• Download DHTML Spy
   Ratings

Product Ratings
  IEDEV Toolbar DebugBar CastaPoint DHTMLSpy DHTML Spy
Freeware
Support
0
4
1.5
2
Performance
4
4.5
3
3.5
Stability
2
4
4.5
3.5
Functionality
4.5
4
5
4
User Interface
3.5
4.5
4.5
2
General Rating
1.5
4.5
4
4
Warning: If you have intentions to buy CastaPoint DHTMLSpy...Just don't.
After entering the key code, the software stops to working properly, and support will never answer.