{"id":3635,"date":"2013-09-30T09:11:41","date_gmt":"2013-09-30T07:11:41","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=3635"},"modified":"2013-09-29T22:34:48","modified_gmt":"2013-09-29T20:34:48","slug":"ios-provoque-404-site-web-apple-touch-icon","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/veille-technologique\/ios-provoque-404-site-web-apple-touch-icon","title":{"rendered":"iOS provoque des 404 sur votre site Web"},"content":{"rendered":"

Et l\u00e0 en lisant le titre vous vous dites : \u00ab\u00a0mais mais mais… qu’est-ce qu’il va encore nous raconter ?!\u00a0\u00bb. Je vais vous conter une histoire qui s’est d\u00e9roul\u00e9e il y a peu de temps et qui m’a bien surpris, et sur plusieurs aspects. Cela se passe sur iOS, smartphones et tablettes confondus (a priori)<\/p>\n

Loin de moi la possibilit\u00e9 de tester la chose avec tous les appareils, mais d’apr\u00e8s ce que j’ai pu tester, iOS provoque quasi in\u00e9vitablement des 404 dans les logs de votre serveur en automatisant certaines requ\u00eates \u00e0 des moments bien pr\u00e9cis.<\/p>\n

Les sympt\u00f4mes<\/h2>\n

Il n’y a pas longtemps, un client revient vers moi pour me pr\u00e9ciser que son tout nouveau site sous WordPress lui renvoie des erreurs 404. M’envoyant une liste des URLs issues des logs de son serveur, je me rends compte que des fichiers PNG sont manquants.<\/p>\n

\/apple-touch-icon-114x114-precomposed.png\r\n\/apple-touch-icon-114x114.png<\/code><\/pre>\n
Ces appels avaient la particularit\u00e9 de ne pas avoir de referer<\/em> (page vue pr\u00e9c\u00e9demment par le visiteur, qui contient donc th\u00e9oriquement le lien vers les ressources pr\u00e9cit\u00e9es).<\/p>\n
Le hic c’est que ce site n’\u00e9tait pas pr\u00e9vu responsive et qu’aucun appel n’\u00e9tait fait explicitement dans le code source (il faut normalement utiliser des balises link<\/code> sp\u00e9cifiques).
\nJe v\u00e9rifie donc sur l’onglet r\u00e9seau de mon outil de d\u00e9bogage : rien \u00e0 signaler.<\/p>\n
Un tiens vaut mieux que deux tu l’auras<\/h2>\n
N’ayant aucune erreur visible, et compte tenu des deux seules images attendues provoquant ces erreurs, je me suis dit qu’il fallait tester en live \u00e0 partir d’un terminal Apple. J’ai donc test\u00e9 \u00e0 partir d’une mini-tablette iPad pour voir \u00e0 quel moment la visite du site sur ce terminal pouvait provoquer ces erreurs.
\nIl pouvait tr\u00e8s bien s’agir d’une tentative d’appel comme un navigateur s’attend \u00e0 trouver un favicon.ico \u00e0 la racine.<\/p>\n
Bref, avec mon coll\u00e8gue Rodolphe<\/a> nous avons donc lanc\u00e9 un b\u00eate test sur notre serveur avec les logs en live sous notre nez. Nous avons donc cr\u00e9\u00e9 une page web vide.<\/p>\n