Jak v prohlížeči refreshnout faviconu

Všechny moderní prohlížeče favicony webů cachují, což je dobře pro běžný provoz, ale trochu pruda, pokud si zrovna s faviconkou hrajete a chcete vidět, jak se její design projeví v prohlížeči.

Řešení je v zásadě dvojí. Buďto můžete do HTML stránky přidat

<link rel="shortcut icon" href="favicon.ico?v2" />

a číslo verze měnit po každé úpravě (toto se hodí např. do produkce), nebo funguje následující postup, který jsem neznal a přišel mi vhod při vývoji:

  1. V prohlížeči navštivte přímo URL favicony, např. http://localhost/favicon.ico
  2. Ctrl+F5
  3. Hotovo

Funguje všude, jen v IEčku může klasicky zlobit :)

6 thoughts on “Jak v prohlížeči refreshnout faviconu
  1. Bohužel tento tvuj druhy postup nefugnuje moc na Androidu, co si pamatuji. (Firefox a myslim, ze i snad doplhin)

  2. Vylepšený prvý spôsob, potom netreba nič meniť v šablóne. Napr. v php:

    href="favicon.ico?v=<?= filectime('favicon.ico') ?>"
    

    (filectime – Gets inode change time of file)

  3. Marku, tohle šahá při každém načtení stránky na disk, což nemusí být u hi-traffic stránek košer…

Leave a Reply

Your email address will not be published. Required fields are marked *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax