HTML VALIDATOR (based on Tidy and OpenSP)

navbarHTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of  an icon in the status bar when browsing. The details of the errors are seen when looking the HTML source of the page.

The extension is based on Tidy and OpenSP. Both algorithms were originally developed by the Web Consortium W3C. And now extended and improved by a lot of persons. Both algorithms are embedded inside Mozilla/Firefox and makes the validation locally on your machine, without sending  HTML to a third party server.
  1. HTML Tidy is a helpful program that tries to help people to correct their HTML errors. It finds HTML errors and classifies them in 3 categories:
    • errors: HTML errors that Tidy cannot fix or understand.
    • warnings: HTML errors that Tidy can fix automatically
    • (optional) accessibility warnings: HTML warnings for the 3 priority levels defined in W3c WAI

  2. OpenSP, is SGML parser, is a  professional algorithm. It is the same program running inside http://validator.w3.org/. And now, you can embed it in Firefox !
There is also an automatic "Clean up" button that will do his best to propose you a cleaned version of your page, without errors.

FIREFOX 23

Download : version 0.958 - FOR FIREFOX 4 and later  - Windows, Linux 32 bits, 64 bits and Mac OS X

New in Version 0.958,  Fixed issue with icon not appearing in add-on toolbar.  See Release Notes.
New in Version 0.957,  "Domain not in List" incompatibility issue with Firefox 23 solved.  See Release Notes.
New in Version 0.956,  several small bugs fixed.  See Release Notes.
New in Version 0.952,  you can move the HTML Validator icon in any toolbar : see User Guide.
Since version 0.951, the binary part of the extension has got a major changes. All Firefox related code has been removed to avoid the endless incompatilibity issue between version. This extension works with all version of Firefox since Firefox 4.0 and the introduction of js_ctypes.
Recompilation on other platform should follow.  Feedback is welcome.

FIREFOX 8.0

Download : version 0.9.1.2 - FOR FIREFOX 8.0 ONLY - Windows only (for now)

Since Firefox 4+ and rapid releases, XPCOM has been unfrozen. (see here)
This means practically that every extension by binary, like this one, needs to be recompiled for each Firefox version.
Due that Firefox version will follow one after the other, the current model of the extension is not viable anymore at long term.
I will need to change the structure deeply in a next version. Help is welcome.

FIREFOX 7.0

Download : version 0.9.1.1 - FOR FIREFOX 7.0 ONLY - Windows only (for now)

FIREFOX 6.0

Download : version 0.9.1.0 - FOR FIREFOX 6.0 ONLY - Windows only (for now)

FIREFOX 5.0

Download : version 0.9.0.6 - FOR FIREFOX 5.0 ONLY - Windows only (for now)

FIREFOX 4.0

Download : version 0.9.0.4 - Most platforms available

New features:
- Due to Numerous changes due to Firefox 4.0, the extension 0.9 is compatible only with Firefox 4.0
- The browser icon is in the add-on bar. The status bar does not exist in FF 4.0 anymore.
- This means too that all platforms binaries will need to be recompiled. Look the source and the forum if you want to help on the migration.
- To enable HTML 5 validation, it is possible to validate page with W3c Online too.

FIREFOX 3.6 and below

Download : version 0.8.6.1 - Release notes. (roadmap, user guide, translationforums)

New features:
- Translations: BR CN EN CZ DA DE FI FR HU IT JA KO LT NL RO RU SK SL TW
- Works with Firefox 3.6
- Works with Seamonkey 2.0
- Fix of warning in sp_start.html for some translations
- more...

IMAGES

If you want to see some images, click on one of the both images below.

source source<
Firefox + HTML Validator / tooltip in the browser statusbar Firefox  + HTML Validator / Page source

FEATURES

The extension has 3 main features:

1. Browser:
  • The HTML validation is done when browsing. The result is shown on the form of an icon in the status bar.
  • If the page contains HTML frames or iframes, you can see the validation result of the main page and the frames.
2. View Source:
  • The detail of the validation can be seen when looking the source of the page.
  • Tidy validates the HTML code and displays the result like a compiler for a programming language.
  • The validation is done based on the source and not by making a second request to the Web Server.
  • The screen is splitted in 3 parts. Above the source of the HTML, and below, the list of the errors and the explanation of the error.
  • The explanation of the errors are a personal effort to make HTML specification understandable. Because I must admit, that not all HTML errors are easy to understand. For example,
<p>
  <table>
    <tr>
      <td>abc</td>
    </tr>
  </table>
</p>

generates an error for </p>. And without an explanation about inline and block tags in HTML, from far point of view, this looks like correct HTML.

3. Cleanup:
  • It is also possible to ask HTML Validator to propose a corrected version of the page in HTML or convert it to XHTML.
  • You can compare the cleanup version and the original version in 2 tabs. (source and preview)

ADVANTAGES

In comparison with web HTML validators like http://validator.w3.org,
  • the data is not sent to a 3rd party server
      - So, there is no problem with firewall to validate dynamically generated HTML that are in intranets. What you can not do with web validators, except by saving the file and upload it.
      - You have also not the problem of people not daring to validate their pages by using other people machines.
  • the validation is done automatically and just by looking the page.
  • it is easy to validate dynamic page. Dynamic pages are only available in the browser and you validate when you see them.
  • it is a gui. So, the validation is faster and the interface has more possibilities.
  • Just press CTRL+U (page view) and all yours errors are there.It is done based on the page source and without accessing a second time the web server to get the HTML source.
  • If it is your website you try to correct, just press CTRL+R in the view source to revalidate the result after correcting the errors.

HOW DOES IT WORK

The extension includes:
  • Some XUL and javascripts files for the screens and presentation of the results.
  • Some HTML pages for the help on the HTML errors and warnings
  • A dynamic C library, .DLL or .SO, that contains:
    - The original Tidy source code
    - The original OpenSP source code
    - Some C code to glue make tidy XPCOM compliant and give the ability to call Tidy from Javascript and XUL.

I NEED HELP

If you are interested in helping or have ideas to improve the extension, do not hesitate.
See the roadmap.

FORUM

Forum : http://www.htmlpedia.org/phpBB/

SPONSORS

German Couponing Website: SPARIO 
Thanks to German Coupon Website : GutscheinFlagge.de 
Lotissement: A Tous Vents Gembloux: / Forum 
Arche de Noe: Maison Etienne Piron 
EmailGency: Your email 100% available
MagiKmon: Free outsourced IT monitoring
MKBackup: Free Linux and Windows backup tool
MBCEStore Mexico: Impresora Credenciales

CONTACT ME

For any issue, please contact me <Marc Gueury> mgueury@skynet.be