HTML Fehler finden ist garnicht so leicht denn oft werden sie durch manche Browser wie z.B. dem Mozilla Firefox weg optimiert.
Durch einen einfachen Trick kann man sie jedoch wieder sichtbar machen, im Profile Ordner muss falls er noch nicht existiert ein Ordner chrome angelegt werden, und in diesem muss eine Datei UserContent.css mit folgendem Inhalt angelegt werden.
/* enable image placeholders for broken images */
@-moz-document url-prefix(http), url-prefix(file) {
img: -moz-broken{
-moz-force-broken-image-icon: 1;
width: 24px;
height: 24px;
background-color: red !important;
}
}
/* enable show empty links */
:link[href]:empty:not([id]):not([class]):not([style]) {
border: 1px solid red !important;
background: red !important;
}
/* enable show rel nofollow links */
a[rel~="nofollow"],a[rel~="nofollow"] * {
color:red !important;
background-color:yellow !important
}
/* make empty divs visible */
div:empty:before {content:"[" attr(class) "]";}
div:empty {background-color:magenta; color:white; min-height:8px;}
Nach dem Neustart des Mozilla Firefox werden fehlende Bilder und leere Links sichtbar.