Nouveau/mettre à jour favicon par page

Question

Je pensais que quelqu'un pourrait connaître un script là-bas, ou savoir comment mettre à jour le favicon par section d'un site. Il y a des couleurs vives qui traversent chaque section d'une construction sur laquelle je travaille et je pensais que ce serait une bonne interface pour mettre à jour la couleur de la favicon en fonction de la section sur laquelle vous vous trouvez. Ceux-ci pourraient être un tableau d'icônes, mais quelque chose qui forcerait un changement, plutôt que d'ajouter simplement le lien favicon rel dans chaque section.

Je sais que Gmail peut mettre à jour le favicon avec des e-mails non lus/nouveaux.

Toute aide/idée serait appréciée.

Cheers, R

Answer 1

Vous êtes sur la bonne voie en utilisant le lien rel de chaque page, mais l'astuce pour forcer le rafraîchissement de favicon est d'ajouter un numéro à la fin du fichier icône comme paramètre qui change toujours (le temps est le pari le plus sûr).

Exemple avec php:

<?php 
    echo '<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?t=' . time() . '" />'; 
?> 

Faire ce qui rend le navigateur pense que le fichier est nouveau à chaque fois qu'il le voit, évitant ainsi la question de la mise en cache. J'espère que cela vous indique la bonne direction!

• Edité pour ajouter un guillemet simple manquant

Answer 2

Vous pouvez avoir un autre favicon par page. Vous aurez juste besoin d'ajouter le code suivant à chaque fichier HTML:

<link rel="shortcut icon" href="/YourIcon.ico" type="image/x-icon" />