Tuesday, May 6, 2008

Web Developer Tools

Different Tools are available in order to analyase and debug web application and help to improve website. Web developer tools makes development easier and faster.

Here is some of useful tools available for different web browsers.

1) Firebug - For Firefox Browser

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Features:

-Inspect and edit HTML
-Tweak CSS to perfection
-Visualize CSS metrics
-Monitor network activity
-Debug and profile JavaScript
-Quickly find errors
-Explore the DOM
-Execute JavaScript on the fly
-Logging for JavaScript
-Timing and profiling
-Stack traces
-Nested grouping
-Object inspection

Visit the Firebug website for documentation, screen shots, and discussion forums:

http://www.getfirebug.com

2) IE Developer Toolbar

The Microsoft Internet Explorer Developer Toolbar provides a variety of tools for quickly creating, understanding, and troubleshooting Web pages.

Features:

-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.

For more information please visit.

http://www.microsoft.com/downloads/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en

3) Opera Dragonfly -Opera Browser

Opera Dragonfly makes developing using Opera easier than ever. It allows Debug JavaScript, inspect CSS and the DOM, and view any errors.

-Redefine your style
-Reach breaking point step by step
-Debug the DOM
-Spot your errors
-Debug your phone or TV

For more information please visit.

http://www.opera.com/products/dragonfly/

0 Java Junction comments: