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.
Http Status Code : i messaggi della response più frequenti nella navigazione web | Pecciola - 11 febbraio 2010
[...] di Natale avevo pubblicato due articoli relativi a Http Headers e come leggere le informazioni della Http Request (lo so che manca la seconda parte relativa alla [...]