Einfaches HTML Testing mit dem HTML Inspector

Screenshot der Meldungen des HTML Inspectors in der Console

Damals, als ich noch den Firefox verwendet habe, gab es ein nettes Tool mit dem man testen konnte ob HTML valide ist. Dann kam HTML5, alles wurde anders, und insbesondere kannte dieses Tool kein HTML5. Man stand an der Stelle ganz schön auf dem Schlauch und musste sich fortan mit den Besonderheiten des W3C Validators herumschlagen. Ich mag das Teil bis heute nicht!

Adäquaten Ersatz habe ich bis heute nicht gefunden (oder habt ihr etwas?). Allerdings verfolgt der HTML Inspector einen sehr interessanten Ansatz. Prinzipiell ist die Funktionsweise so: der HTML Inspector wird im Head einer Seite mittels des Script-Tags aus der Cloud geladen. Er inspiziert dann das DOM und meldet Fehler in der Console. Ein ebenso einfaches wie geniales Prinzip.

WAS den HTML Inspector aber so besonders macht ist seine Konfigurierbarkeit, denn er beruht zu 100% auf Rules. Diese können geladen, oder heraus geschmissen werden. Für den letzteren Fall akzeptiert man diesen Fehler (was ja durchaus ab und an notwendig sein könnte). Das Tolle ist aber, das ich mir den HTML Inspector auch lokal ins Projekt legen kann, und eigene Rules erstellen könnte. Warum ist das so spannend? Als Architekt könnte ich somit Coding-Standards für das Team vorgeben. Man könnte zum Beispiel eine Rule erstellen die Bilder ohne Alt-Tag als Fehler auswirft.

Der HTML Inspector kann also nicht nur Fehler aufspüren, er kann auch dafür sorgen das HTML so erzeugt wird, wie man es für nötig hält. Eine sehr feine Sache die sich insbesondere durch diese Konfigurierbarkeit von allen bestehenden Tools abhebt und einem den W3C Validator (der natürlich weiterhin das Maß aller Dinge bleibt) zumindest in Teilen überflüssig machen könnte.

Ähnliche Beiträge

Dynamische Favicons mit Funktion Die Idee ist ebenso genial wie einfach: Wenn sich ein Benutzer erst einmal an einem System angemeldet hat, besteht eine Session. Besteht eine Session ...
piCSSel-art – Lustige C64 Sprites in CSS Dieser ganze HTML5-Spiele-Hype erinnert mich in seinen Resultaten immer mehr an den C64. Immer mehr Klassiker kommen für iOs auf den Markt, ohne das m...
Einfach mal eine Ansi-Grafik auf die Homepage pack... Früher, als alles noch besser war, und ich mich in Mailboxen herumgetrieben habe, gabs immer coole Ansi-Intros. Am Anfang waren es nur einfache Schrif...
Landkarten als Font – Map Glyphs Wer den Blog schon länger verfolgt weiß durchaus, das ich mich sehr viel mit der Darstellung von Objekten auf Landkarten und Umkreissuchen beschäftige...

Schreibe einen Kommentar