Premessa

Piccola premessa (nemmeno tanto piccola) per capire l’importanza del discorso che affronterò a breve. Il protocollo Http è alla base del World Wide Web e tutto quello che vedete nel vostro browser è stato trasmesso al vostro pc utilizzando questo protocollo. E fin qui nulla di nuovo.
Gli headers HTTP sono una parte fondamentale di questo protocollo. Vengono trasferiti fra client e server e contengono, in generale, meta-informazioni sul contenuto effettivo della risorsa (file) trasferita.
Gli headers HTTP sono costituiti, in pratica, da Request Header (sono riservati alla richieste che il client esegue e contengono informazioni riguardo la richiesta stessa o il client) e da Response Header (sono riservati alle risposte del server e contengono info sul server stesso o sulla risorsa richiesta)
Le informazioni non sono assolutamente da sottovalutare poichè riguardano il tipo di client che ha effettuato una richiesta, la pagina richiesta, il server cui è destinata, la tipologia di errore qualora la risorsa non possa essere trasferita ecc.
In sostanza, dall’analisi attenta di queste informazioni si possono scoprire e risolvere alcune problematiche poco chiare nonchè ottenere dettagli preziosi sulla comunicazione fra client e server.

Come visualizzare gli headers Http

Va detto, però, che volendo vedere il sorgente di una pagina web, potrete visualizzare solo la porzione html della pagina stessa e non gli headers http nonostante siano normalmente trasmessi tra client e server.
E allora come visualizzare queste informazioni? Quali strumenti possono aiutarci?
I due modi più pratici, comodi e dettagliati per visualizzare gli headers http sono collegabili entrambi a due estensioni per Firefox.
Vediamo l’add-on che utilizzo io al riguardo.
Penso lo conosciate perchè è il classico plugin-multiuso per sviluppatori e bloggers : Firebug
Eccovi la schermata relativa agli headers Http su una richiesta effettuata dal mio client Mozilla che ha invocato la pagina pecciola.com

Per accedere alle informazioni sugli headers dovrete selezionare il tab Net (attivatelo se lo trovate disattivo per default). Logicamente, come suddetto, trattasi di un add-on super completo che non vi deve servire solo per questo scopo potendo davvero analizzare alla perfezione sotto molteplici aspetti ogni porzione di pagina web che desiderate ispezionare.
Come notate, sono visualizzate prima le info relative alle intestazioni di risposta e sotto quelle di richiesta. Tra queste ultime notate il browser del client, il sistema operativo relativo, i linguaggi accettati, l’encoding, il charset, i cookies e molto altro ancora.
Tra le info della risposta notate, invece, quelle relative al server, alla cache, alla data di ultima modifica ecc.
Ma, a questo punto, un prossimo articolo sarà dedicato proprio all’analisi dettagliata delle singole voci che meritano più attenzione.
L’alternativa a Firebub si chiama Live Http Headers e, come intuite, è un plugin Firefox dedicato esclusivamente alla visualizzazione degli headers.
Eccovi uno screenshot di esempio tratto da questo articolo da cui ho ‘prelevato’ anche l’immagine iniziale.

Come già accennato, questo post ne tira un altro e, quindi, a breve, un post con l’analisi dettagliata delle varie voci che compongono le meta informazioni degli headers Http. Vi aspetto!!

Il grafico qui sopra parla abbastanza chiaro anche per questo blog. Il numero di visitatori che accedono tramite Firefox è di gran lunga superiore rispetto ai suoi concorrenti. Inutile dire che l’ago della bilancia che fa propendere verso il browser di Mozilla è l’enorme mole di addon che Firefox mette a disposizione degli utenti.
Anche se Chrome sta intraprendendo la stessa strada, il gap resta ancora abbastanza evidente.

Tra le categorie più attratte da firefox ci sono, senza dubbio e proprio per il motivo suddetto, Web Designers e Svilupatori. Proprio dedicati a loro (e anche a me, in un certo senso) su Smashingshare ho trovato un grande post dedicato ai 30 migliori addon per Firefox relativi al loro campo. Davvero un comodissimo elenco con tutti i migliori plugin da spulciare e provare all’istante.
Eccovi il link e buona lettura!

Di sicuro sta perdendo colpi rispetto ad altri browser (Chrome su tutti) come leggevo qualche giorno fà, ma la flessibilità e la completezza delle sue estensioni resta ancora imbattibile.
Ecco Snap Links per Firefox, un addo-on comodissimo che consente di aprire link multipli in contemporanea previa selezione dell’area che li contiene nella pagina web. L’immagine qui si sopra vale più di mille spiegazioni.
Il quadrato viene creato tenendo premuto il tasto destro. Inoltre non temete se su Google vengono presentati molti link secondari, perchè Snap Links seleziona automaticamente solo i link principali.
Logicamente, dopo aver attivato l’add-on potrete usarlo in ogni pagina web.
Non ne faccio più a meno!

Una delle cose che ancora mi tiene legato a Firefox è l’enorme disponibilità e vastità di estensioni. Inutile discuterne : nessun altro browser, al momento, offre quello che offre Firefox in termini di estendibilità a 360°.
Che poi il browser di Mozilla abbia palesato altri limiti è altrettanto vero. Ma, a pensarci bene, non deve essere così difficile mettere in piedi un’estensione per Firefox! Alla fine occorre solo una discreta conoscenza di Javascript e XML, caratteristiche non così rare.
Ma se volete un aiuto scritto, esiste un bel documento dal nome ‘Build Your Own Firefox Extension’ che è davvero un’ottima guida.