Favicon nie wyświetla się w pasku adresu w IE9 - ale jest tam wyświetlany we wszystkich innych przeglądarkach.

Question

Ten jest naprawdę dziwny - i próbowałem wszystkiego, co tylko mogę wymyślić. Nie mam z tym żadnych problemów w Firefoksie, Chrome czy Opera. A kiedy zmieniam ikonę na serwerze, jest ona natychmiast aktualizowana w innych przeglądarkach, ale nadal nie pojawia się w IE9.

Nawiasem mówiąc, obraz jest wyświetlany na mojej liście "ulubionych", gdy dodaję go do ulubionych w IE9 - po prostu nie pojawi się na pasku adresu URL. Sprawdziłem również, że plik ico działa na innej stronie. Ja również wiernie wyczyściłem historię przeglądarki/tymczasowe pliki internetowe przeglądarki za każdym razem, gdy dokonałem zmiany. Oto kilka wersji kodu, które wypróbowałem w pliku .ASPX. Pierwsza wersja działa na innej stronie internetowej ASPX że biegnę:

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

Answer 1

Spróbuj umieścić ścieżkę bezwzględną, a nie ścieżkę względną:

<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/> 

Ponadto, skąd można umieścić obraz. Z tego co pamiętam, automatycznie pobierze z określonej lokalizacji na serwerze w zależności od przeglądarki.

Answer 2

Spróbuj zmienić rel = "ikonę skrótu" na "ikonę". To działa dla mnie.

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

Answer 3

Zastosowanie > na końcu znacznika, jeśli używasz HTML4 lub HTML5 i /> dla XHTML.

Również może trzeba spróbować użyć type="image/vnd.microsoft.icon"

źródło: FavIcon (in Address bar) not working in IE 9

Answer 4

Aplies do Windows 7 i IE 9 lub wyższej!

Walczyłem z tym problemem favicon przez kilka dni - pokazywało się we wszystkich przeglądarkach, ale nie w ie9!

Podejrzewałem format pliku; swoiście jego nagłówek definicji, który definiuje strukturę dla favicon.ico, ponieważ było to jedyne, co pozostało do zbadania, po tym, jak po wielu samouczkach i metodach do litery nie udało się!

Wygląda na to, że miałem rację - Windows 7 + ie9 oczekuje, że ikona będzie skonstruowana jako 4 ikony zawarte w jednym pliku.

Krok po kroku:

1) skonstruowałem 64x64 pikseli 24 bitową grafikę kolorów i zapisać go jako plik png

2) I importowane tego pliku do Freebee zwany X-Icon Editor dostać tutaj http://www.xiconeditor.com/

3) Raz podglądzie wynik (nie będzie cztery zdjęcia 64x64, 32x32, 24x24 i 16x6 (wszystkie w pikselach) i był zadowolony z wyniku:

4) i eksportowane wynik i zauważył wskazówki przed rozpoczęciem wystawy rt ...

5) Następnie użył zapisać jako zakładu i skierowany plik do katalogu głównego moich plików serwis (gdzie plik index.html znajduje) Plik Uratowałem był favicon.ico

6) Jeśli chcesz przejrzeć pliki, przejdź do katalogu stron na dysku twardym i kliknij dwukrotnie plik favicon.ico, a Przeglądarka fotografii systemu Windows wyświetli 4 strony, z których każda będzie reprezentować rozmiar ikony.

7) Edycja kodu pod następująco (szczegóły znajdują się w wskazówki krok 4): pod głowy tag wstawić ten tag: link rel = "ikona skrótu" href = "favicon.ico"/

8) Prześlij zmiany na serwer.

9) Wyczyść IE9 pliki cache

10) Odczekać około 20 minut (może trwać dłużej)

11) Zaloguj się na swoim miejscu i powinieneś zobaczyć favicon

Więc jakie są inne ikony osadzone w jednym pliku favicon.ico?

64x64 są duże ikony używane przez system Windows (jeśli utworzyć skrót na pulpicie, który ma duże ikony favicon pokaże swoją grafikę w 64x64pixels)

32x32 samo jak powyżej, ale dla zestawu stacjonarnego dla średnich ikony pulpitu

24x24 same jak powyżej, ale dla zestawu stacjonarnego dla małych ikon na pulpicie

16x16 jest favicon wykorzystywane na swojej stronie internetowej. Jest to również ikona używana w obszarze pinto na dolnym pasku pulpitu (pasek zadań) - przenieś skrót z pulpitu na pasek zadań, a zobaczysz, że zmienia on rozmiar

Wszystko gotowe - to działa - bądź cierpliwy dla to się pojawi!

PS (zaawansowani użytkownicy) można mieć więcej niż jeden „Favicon” plik, ale trzeba zmienić nazwy wszystkich z nich
następnie w punkcie znacznika głowa do każdego z plików ikon dla różnych stron - ale ciebie "tylko jeden (lub brak w przypadku wielu plików) plików favicon.ico .... staje się trochę owłosiony, jeśli jesteś nowicjuszem, ale idź do niego.

Answer 5

Spróbuj strony: http://favicon.htmlkit.com/favicon/ (testowane i działa w każdej przeglądarce)

1) Wyczyść pamięć podręczną przeglądarki. 2) Dołącz wszystkie obrazy w pakiecie, który tworzysz z powyższej strony.

Answer 6

Miałem ten sam problem z czcionkami i favicon w IE9. Podczas gdy intensywnie badałem problemy po stronie klienta, ustawienia serwera faktycznie to spowodowały.

Tryb kontroli pamięci podręcznej klienta został ustawiony na "DisableCache" w IIS. To powodowało, że IE9 nie ładowało ani czcionek, ani favicon. Wszystkie inne (nowoczesne) przeglądarki działały dobrze.

W IIS 7 należy ustawić kontrolę cache na "NoControl" na obu favicon lub folderu czcionki:

<location path="fonts"> 
    <system.webServer> 
    <staticContent> 
     <clientCache cacheControlMode="NoControl" /> 
    </staticContent> 
    </system.webServer> 
</location>