Categorized | News

Web Developer Toolbar for Firefox

Posted on 30 May 2004 by Demian Turner

Check out the web developer extension for Firefox, if you’re interested in building standards compliant sites, this is the tool for the job.

Disable Delete Domain Cookies Deletes all cookies for this domain
  Disable Cookies Disables cookies
  Disable Images Disables images
  Disable Java Disables Java
  Disable JavaScript Disables JavaScript
  Disable Page Colors Disables page colors
  Disable Referrer Logging Disables referrer logging
  Disable Styles Disables all style sheets
Forms Convert GETs To POSTs Converts all forms with GET methods to POST methods
  Convert POSTs To GETs Converts all forms with POST methods to GET methods
  Display Form Details Displays the form method and action as well as all the form element’s IDs and names for all forms
  Enable Auto Completion Enables auto-completion on all forms that have it disabled
  Show Passwords Shows all passwords as text
  View Form Information Displays form information
Images Display Image Dimensions Displays the width and height of all images on the page
  Display Image Paths Displays the path of all images on the page
  Find Broken Images Finds all broken images
  Hide Images Hides all images
  Make Images Invisible Makes all images invisible, but the images still take up their original space on the page
  Outline Images Without Alt Attributes Outlines any image without an alt attribute
  Outline Images Without Title Attributes Outlines any image without a title attribute
  Replace Images With Alt Attributes Replaces any image with it’s alt attribute
Information View Cookie Information Displays all cookies
  View CSS Displays the style sheets
  View Page Information Opens the page info dialog
  View Response Headers Displays the response headers
  View Speed Report Displays a speed report using the Web Site Optimization service
  View Style Information Displays the styles applied to the selected element
  W3C Documents Provides links to various W3C documents
Miscellaneous Add User Style Sheet Adds a user selected style sheet to the page
  Clear Cache Clears the browser cache
  Clear HTTP Authentication Clears the browser HTTP authentication
  Edit CSS Opens the CSS of the page in a sidebar for live editing
  • Only available in Mozilla Firefox
  Open Java Console Opens the Java console
  Open JavaScript Console Opens the JavaScript console
  View ID & Class Details Displays the ID and class of all elements on the page
  Visited Links Mark all links visited or unvisited
  Zoom Zoom the page in or out
Outline Outline Block Level Elements Outlines all block level elements and indicates the element type
  Outline Deprecated Elements Outlines all elements deprecated in HTML 4.0
  Outline Frames Outlines all frames
  Outline Links Without Title Attributes Outlines any link without a title attribute
  Outline Table Cells Outlines all table cells
  Outline Custom Elements… Outlines all custom elements specified by the user
Resize Display Current Size Displays the current window and viewport size
  Custom Size… Resizes the browser window to a custom size specified by the user
Validation Validate CSS Validates the CSS of a page using the W3C validation service
  Validate HTML Validates the HTML of a page using the W3C validation service
  Validate Links Validates all the links on the page
  Validate Section 508 Accessibility Validates the accessibility of a page against the Section 508 accessibility guidelines using the Cynthia validator
  Validate WAI Accessibility Validates the accessibility a page against the WAI accessibility guidelines using the Cynthia validator
  Validate Local CSS Validates the CSS of a page stored locally using the W3C validation service
  Validate Local HTML Validates the HTML of a page stored locally using the WDG validation service
  Custom Validator Validates the page using a custom validator specified by the user
View Source View Source Displays the page source
Options Persist Styles Persist the Web Developer extension styles when the
page changes
  Reset Page Resets the Web Developer extension styles and refreshes the page
  Options… Displays the options dialog
Bookmark and Share

Leave a Reply

Categories

Books

Demian Turner's currently-reading book recommendations, reviews, favorite quotes, book clubs, book trivia, book lists

Facebook