Почему не загружается favicon в firefox?
Я использую следующее:
<link rel="shortcut icon" href="/images/favicon.ico" />
Это настоящее "ico". Когда я захожу на http://mydomain.com/, значок загружается. Но когда я захожу на поддомен www: www.mydomain.com... он не загружается. Есть идеи, что происходит?
14 ответов
Я обнаружил, что мне нужно очистить кэш Firefox [CTRL]+[SHIFT]+[DEL], а затем перезапустить Firefox, прежде чем я смог увидеть значок, который я поместил в корень веб-сервера и назвал favicon.ico.
Обратите внимание, что в последних версиях Firefox значок избранного отображается только на значке вкладки и закладки, а не на значке адресной строки.
Это часть большой ошибки Firefox. Если я нахожусь в mysite.com и говорю link rel="shortcut icon" href="/myicon.ico" оно работает. Но это единственный способ, которым это работает. Если я нахожусь в mysite.com и говорю link rel="shortcut icon" href="myicon.ico" или любая другая относительная ссылка, это терпит неудачу. ОДНАКО, если я нахожусь на www.mysite.com и использую относительные ссылки, они работают нормально. Далее, если я нахожусь на mysite.com и говорю link rel="shortcut icon" href="http://www.mysite.com/mypath/myicon.ico" оно работает. Firefox забыл, как обращаться с веб-сайтами, где www.mysite.com IS mysite.com. Раньше работал, и больше нет. Вы также можете увидеть, что при переключении между сайтами www.mysite.com и mysite.com ссылки изменится с "посещенного" на "не посещенный" стиль. FF сломан на этом, и был для нескольких версий сейчас, хотя когда-то это работало.
Это звучит как проблема конфигурации с вашей стороны, которую мы не можем решить без дополнительной информации. Вы пытались использовать абсолютный URL вместо относительного?
Пример:
<link rel="shortcut icon" href="http://mydomain.com/images/favicon.ico" />
Это результат того, как Firefox в настоящее время обрабатывает кэширование файла favicon. Для решения у вас есть несколько вариантов:
Добавить параметры GET
Вы можете добавить произвольный параметр GET и значение в конец вашего URI favicon
(Совет: этот прием можно использовать для любых других файлов css/js, когда вы хотите убедиться, что браузер пользователя не обслуживает локально кэшированную версию.)
<link rel="shortcut icon" href="/images/favicon.ico?updated=20150818" />
Переименовать файл
Переименуйте файл favicon и укажите его в атрибуте href.
<link rel="shortcut icon" href="/images/favicon_version_2.ico" />
Hard Refresh
Жесткое обновление может работать в некоторых браузерах, если вас интересует только обновление вашего локального компьютера favicon. Обычно Ctrl+Shift+R или Ctrl+F5 для Windows/*NIX и Command+R или Command+Shift+R на Mac делают свое дело.
Объяснение: Конечный результат - вам нужно заставить браузер извлекать свежую копию файла вместо использования локально кэшированного файла. Добавление ? Somevariable=uniquevalue в конец файла URI заставляет ваш браузер думать, что он имеет дело с новым файлом, и новые файлы по своей природе уже не могут быть кэшированы. Тот же эффект создается при переименовании файла.
Дополнительные технические замечания: лучше всего использовать временную метку или уникальный номер версии файла для значения параметра GET, поскольку это будет способствовать уникальности переменной. Возможно, если пользователь уже загрузил этот URI с точно таким же параметром и значением GET (в моем примере ? Updated=20150818), браузер не будет извлекать свежую копию, поскольку может понять, что он все еще работает с тем же файлом.
Возможность кэшировать файлы на основе параметров GET в URI зависит от браузера, так как поставщики браузеров в некоторой степени определяют, как они обрабатывают этот конкретный экземпляр кэширования (см. RFC по адресу http://www.w3.org/Protocols/rfc2616/rfc2616-sec13.html). Так что, просто имейте в виду, что в некоторых браузерах это возможно, если вы используете дату в качестве значения, вы можете также включить время, если вы меняете файл несколько раз в течение дня.
Из соображений безопасности значки больше не используются в адресной строке, начиная с Firefox 15, но по-прежнему используются во вкладках, закладках и т. Д.
См. http://www.ghacks.net/2012/04/25/mozilla-to-remove-favicons-from-firefox-url-bar/
Для меня сработало размещение двух ссылок в заголовке.
FF не отображал значок, пока не была добавлена вторая строка
<!-- browser icon -->
<link type="image/x-icon" href="/favicon.ico" rel="shortcut icon" >
<link type="image/x-icon" href="/favicon.png" rel="shortcut icon" >
Удаление или оставление в первом / не имело никакого значения для того, как FF обрабатывает значок. Консоль сообщила
[Exception... "Favicon at "https://<myhost>/favicon.ico" failed to load:
Forbidden." nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame ::
resource:///modules/FaviconLoader.jsm :: onStopRequest :: line 227" data: no]
Но он все равно загрузил файл.png, не жалуясь в окне браузера.
Firefox ищет "favicon.png" вместо "favicon.ico" в корневой папке вашего сайта. Я рекомендую включить оба для совместимости с большим количеством браузеров.
Ты пытался
<link rel="shortcut icon" href="images/favicon.ico" />
? Какова структура каталогов для субдомена www? Можете ли вы получить доступ к другим файлам изображений, используя абсолютный путь?
Fireworks часто выбирает файл favicon.ico автоматически без какого-либо кода, если он находится в той же папке, что и документ. Попробуйте переместить файл на уровень выше, чтобы избежать проблем со ссылками.
Эта проблема раздражает... Я обычно просто добавляю иконку PNG 16x16 для решения этой проблемы. Способ работы Firefox с фавиконами кажется немного странным, и этот обходной путь для меня самый простой. Надеюсь это поможет.
для Firefox вы должны использовать специальный тег:
<link rel="image/x-icon" type="image/png" href="/favicon/favicon-196x196.png" />
Теперь, когда вы перетаскиваете его на панель закладок, отображается значок.
Относительный URL-адрес протокола может быть хорошим вариантом (заархивирован , как знать).
Речь идет о ссылке на сетевой путь (объяснение там), попробуйте:
<link rel="shortcut icon" href="//images/favicon.ico" />
Возможно, первый удар в
HREF ="/ изображений /favicon.ico"вызывает проблемы?