Récupérer les headers HTTP d'une page avec un bookmarklet

Les en-têtes HTTP sont une mine d'or pour le SEO : code réponse, stratégie de mise en cache, politique de sécurité, techno utilisée... on peut déduire pas mal de choses sur un site en un coup d'oeil.

Il est possible d'afficher les en-têtes de réponse de plusieurs façons :

• en ouvrant l'inspecteur Google Chrome (onglet Network > Headers)
• en tapant une commande cURL dans le terminal (curl -I)
• en utilisant un plugin sur son navigateur (celui-ci par exemple)
• etc.

Aujourd'hui, je te propose une autre méthode : un  bookmarklet.

Comme les en-têtes HTTP ne sont pas disponibles côté client (hors mis le referrer et le user-agent), il y a deux possibilités pour les récupérer :

• créer une requête AJAX (avec l'objet XMLHttpRequest) et afficher la réponse dans une pop up ou une nouvelle fenêtre
• utiliser une API

Je vais utiliser la 2ème option. Plus facile.

L'idée, c'est de trouver une API gratuite qui renvoie les en-têtes HTTP de n'importe quelle page, sans quitter le navigateur et sans devoir créer de token d'accès.

Après 2 ou 3 recherches Google, je suis tombé sur cette API https://api.hackertarget.com/httpheaders/?q=https://www.seomemento.com.

Elle est entièrement gratuite, avec une limite de 20 requêtes par jour par IP, ce qui est déjà plutôt cool !

Et en plus, elle "suit" les redirections.

Bon à savoir également : l'API simule une requête depuis www.google.com.

Allez hop, ni une ni deux, voici le petit code qui va bien :

javascript:window.open("https://api.hackertarget.com/httpheaders/?q="+ window.location)

Tu n'as plus qu'à le glisser dans tes favoris ↓

Comme toujours, c'est pratique mais il y a des limites. La requête étant faite depuis hackertarget.com, on n'a pas la main sur les headers envoyés. Ne compte donc pas sur ce bookmarklet pour tester des configurations spéciales.

PS : sur Hacker Target il y a plein d'autres outils sympas, je te conseille d'aller y jeter un oeil ;)