Adding Tools into Web Developer
April 13, 2008 – 22:30 by Dani Iswara. Words count: 399.Last updated: Wednesday, March 10, 2010 at 3:28.
What kind of tools can we add into the Web Developer (Firefox extension)?
By default, the extension have already installed these tools:
- Validate CSS (Cascading Style Sheet) by W3C (World Wide Web Consortium)
- Validate Feed by W3C
- Validate X/HTML (Extensible HyperText Markup Language) by W3C
- Validate Links (W3C)
- Validate WAI (Web Accessibility Initiative) and Section 508 (by Cynthiasays.com)
- Integrated DOM Inspector, Error & Java Console, Display Page
Validation, Validate Local CSS & Local HTML (HyperText Markup Language)
If you’d like to give a try, please install the extension first (Web Developer – Firefox extension).
See this picture below:
Image 1. Choose the best suite your need.
Go to Web Developer toolbar menu » Tools » Edit Tools » Add
(on ‘Tool Type’: choose ‘URL’), we can add these tools:
Semantic Data Extractor
To show metadata of a web page, try this:
http://www.w3.org/2002/08/xslt4html?xslfile=http://www.w3.org/2002/08/extract-semantic.xsl&xmlfile=
Validate X/HTML by Validome
X/HTML validation by Validome.org (see Validome XHTML is more Strict):
http://www.validome.org/validate?verbose=1&uri=
Validate XML by Validome
To validate XML page by Validome.org:
http://www.validome.org/xml/validate?lang=en&url=
Validate CSS 3
CSS profile 3 validation by W3C:
http://jigsaw.w3.org/css-validator/validator?profile=css3&warning=0&uri=
Accessibility
WAVE
Another free-online accessibility tool:
http://wave.webaim.org/report?url=
ATRC (Adaptive Technology Resource Centre; we can Select ATRC Guidelines)
A more detail (on reports, results, standards and examples) accessibility tool:
- BITV 1.0 – Level 2 (Germany standard)
- Section 508 (USA)
- Stanca Act (Italy)
- WCAG (Web Content Accessibility Guidelines) 2.0 Level 2 (default).
WCAG 1.0 and 2.0 level A (L1), AA (L2), AAA (L3) are available.
http://checker.atrc.utoronto.ca/servlet/Checkacc?submit1=Check+It&file=
Updated September 23, 2009: thus trick is not valid anymore.
Website Optimization – Speed Report
Add this line for Web Page Speed Report to check the total size and download time of the web / blog:
http://www.websiteoptimization.com/services/analyze/wso.php?url=
Basic Website Review
This tool is useful to check your search engine practices:
http://www.basicwebsitereview.com/review.html?reviewurl=
Nibbler Silktide Score
Comprehensive test of accessibility, popularity, Search Engine Optimization (SEO), marketing, etc.:
http://nibbler.silktide.com/report/submit?url=
P3P (Platforms for Privacy Preferences) validator
Using the same way, just add this:
http://validator.w3.org/p3p/20020128/p3p.pl?uri=
ICRA (The Internet Content Rating Association) Label Tester
To check the ICRA label:
http://www.icra.org/cgi-bin/rdf-tester/labelTester.cgi?lang=en&url=
Opera Mini Emulator
To view your web / blog appearance on Opera Mini browser:
http://www.operamini.com/demo/?url=
iPhone Tester
Please be careful with the result. Sometimes better use the real devices.
http://iphonetester.com/?url=
W3C mobileOK Checker
To check our web/blog for the mobile-friendly compliance based on W3C:
http://validator.w3.org/mobile/check?docAddr=
dotMobi Compliance & mobileOK Checker
Mobile-fiendly compliance based on dotMobi:
http://ready.mobi/results.jsp?uri=
Click OK to save every setting. Enjoy your powerful extension. 
Comment by sandal on April 14, 2008 at 17:18:39
using Opera 9.24 on Windows XP
Still waiting for Opera Dragonfly
sandal’s last blog post: Adu Jago
Comment by dani on April 14, 2008 at 18:11:48
using Opera 9.27 on GNU/Linux
sandal:
I guess opera web dev toolbar is a great tool
I’m waiting for final gran paradiso too
dani’s last blog post: Adding Tools into Web Developer