Una delle gravi mancanze di Firefox, a mio avviso, riguarda la mancata segnalazione delle immagini non trovate all’interno delle pagine web. Se questo “fastidio” potrebbe passare in modo del tutto trasparente (è proprio il caso di dirlo!) per gli utenti normali (?), non accade lo stesso per gli sviluppatori che cercano di debuggare al meglio le proprie pagine web.

Esiste tuttavia un modo, non proprio comodo, per attivare la visualizzazione delle immagini “rotte” anche su firefox.

Non tutti sanno infatti che Firefox offre la possibilità di agire sugli stili di default del browser semplicemente agendo su un file CSS.

Tale file, chiamato userContent.css è collocato all’interno della cartella chrome nella directory del profilo utente.

Il path completo:

%appdata%/Roaming/Mozilla/Firefox/Profiles/<username>/chrome

Per attivare dunque i placeholder basta aggiungere le seguenti regole al documento CSS denominato userContent.css:

/*
 * Mostra segnaposto
 */
@-moz-document url-prefix(http), url-prefix(file) {
  img:-moz-broken{
    -moz-force-broken-image-icon:1;
    width:24px;
    height:24px;
  }
}

Enjoy