Fav icon vises kun i Firefox ?

[casp4807]

Jeg har lavet et Fav icon til min hjemmeside, men det vises kun i firefox ?
Html koden ligger under head og hedder
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>

Jeg har tjekket i chrome, firefox og IE
men det vises kun i Firefox.

Kan man ændre på den så man også kan se det i chrome ?

[ThomasI]

her på sitet bruger vi koden:

Kode: Vælg alt

<link rel="shortcut icon" href="http://www.nemprogrammering.dk/Billeder/icon.ico"  />

Den virker med sikkerhed...

Så hvis du ikke kan få dit ikon til at virker med den kode i andre browsere end firefox, så er det sandsynligvis fordi der noget galt med dine browsere lokalt hos dig

[scootergrisen]

Prøv eventuelt med en anden favicon.ico fil.

[Cameldriver]

Ha ha ha!
Den er fandme go.

Her sidder jeg med eksaktlig det samme problem.
Jeg prøver alt, surfer nettet tyndt efter løsninger, tjekket min Browsers update og online support, men lige lidt hjælper det.
Så opdager jeg pludselig et "/" foran favicon.ico i min kode. Ind i NetBeans og rette. Tjekke, hurra! nu virker det.
Yes, der er den. Ind på webhotellet, og få det rettet. Og så, nej det virker sgu stadig ikke.

Mere surfen. Læse side op og side ned. Jeg har nu brugt adskillige timer, på det dumme lille ikon.
Jeg tjekker min kode igen, jo den er god nok, der står det der skal.
Pludselig slår det mig, gad vide om min ikon fil er stavet med stort, altså Favicon.ico og ikke favicon.ico, for så virker det jo ikke?

Ind på webhotellet igen.
Og her sidder jeg så. Jeg store fjols. For jeg har jo slet ikke uploadet mit favicon.

Nu er jeg så spændt på at komme hjem, og få den uploadet. Og hvis det stadig ikke virker. Så bliver min hjemmeside, en side uden favicon.

[scootergrisen]

Ja det hjælper som regl og uploader filerne der skal bruges også.

Ellers kom med link til siden så er det lettere at finde fejlen for mig.

[Cameldriver]

Okay, det hjalp så heller ikke.

Jeg havde ellers store forhåbninger. Ikke mindst fordi det igår lykkedes mig at få ikonet at se i IE. Godt nok ikke i netudgaven, men i den identiske fil i NetBeans.

Du kan se koden på http://www.xn--stiberg-r1a.dk/

[scootergrisen]

Virker her. Dog ikke i Internet explorer 9.

Det virker i Internet Explorer 9 på min computer hvis jeg bruger http://www.xn--stiberg-r1a.dk/favicon.ico på min hjemmeside som ikon.

Prøv og brug http://www.nemprogrammering.dk/Billeder/icon.ico og se om det virker.

Prøv og skriv den fulde sti til filen i stedet for en relativ.

[Cameldriver]

Som sagt så gjort.

Først prøvede jeg med "http://www.nemprogrammering.dk/Billeder/icon.ico", og det virker fint. Min side får Nemprogrammerings ikon.
Faktisk virker det så godt, at uanset hvad jeg gør efter det, så har jeg i IE9 Nemprogrammerings ikon.

Så prøvede jeg med "http://www.xn--stiberg-r1a.dk/favicon.ico", men jeg får stadig, trods genstart Nemprogrammerings ikon.

Jeg er derfor vendt tilbage til det oprindelige "favicon.ico". Det virker fint i Firefox, Opera og Safari. Men ikke i IE9.

Jeg har forsøgt, at hente og installerer IE7 og IE8 for at se om det virker her. Men de virker ikke under Windows7 32 bit (Heller ikke Vista 32bit versionen af IE8).

Så indtil det her problem er løst, hænger jeg åbenbart på Nemprogrammerings ikon.

[ThomasI]

Haha... Jamen det er da også et lækkert ikon !?

Men ja...IE...story of my life...det virker sq aldrig! - med det sagt så er det sandsynligvis bare et spørgmål om at du skal slettet din cache eller nulstille din browser...så forsvinder logoet nok...

[Cameldriver]

Du er lidt for hurtig Thomas.
Det er jo nemt nok, og sige jeg skal slette min "cache eller nulstille din browser".
Men du nævner ikke ord om hvordan?

[Daniel]

For at tømme din cache

IE: Funktioner, Internetindstillinger, Generelt -> Browserdata -> Slet... og så slet de ønskede filer
Chrome: Tilpas og konfigurer Google Chrome, Indstillinger, Vis avancerede indstillinger..., Beskyttelse af personlige oplysninger, Ryd browserdata...

FireFox er for lang tid siden jeg har brugt til jeg kan huske.

Men ja IE er det værste lort der findes hvis man er web udvikler, for nogle bruger det stadig og man kan ikke så godt sige til folk at de skal bruge en bestemt browser, og som Thomas siger så er der intet der virker i IE før 50 år efter det virker andre steder.

[Cameldriver]

Tak Daniel

Det var sgu en værre en, du nær havde lokket mig ud på. Hvis man sletter Browserdata, sletter man jo ikke kun de ting man gerne vil af med, man sletter også en hel masse ting, man meget nødigt vil af med.
Eksempelvis de brugernavne og passwords man har bedt Browseren om at huske.

Jeg gik istedet ind og fandt Nemprorammerings icon fil og slettede den. Det virkede fint, en gang. Men siden er det vendt tilbage igen.

[Cameldriver]

Først lige en afslutning på Browserdata.

Jeg valgte istedet at rydde op med et lille program, jeg altid glemmer jeg har, indtil jeg står og har brug for det, nemlig "CCleaner".
"Kør" og "Rens" og så var NemProgrammerings ikon væk.

Og, så gik der ellers sport i den.

For det kan jo ikke være rigtigt, at nogen kan få vist deres favicon i IE9 og andre ikke.
Jeg lavede derfor en lille undersøgelse. Hvor jeg ganske enkelt er gået ind på kendte hjemmesider, der tydeligvis ikke har problemer med at få vist deres favicon.

Og det gav pote, for nu virker det.

Men kan i kloge hoveder, også lure den? Så vi kan få sat et endegyldigt punktum i denne tråd.

Kode: Vælg alt

Facebook (HTML5)
<link rel="shortcut icon" href="http://static.ak.fbcdn.net/rsrc.php/yP/r/Ivn-CVe5TGK.ico" />

MSN (HTML5)
<link rel="shortcut icon" href="http://Img.wlxrs.com/~Live.SiteContent.ID/~16.4.19/~/~/~/~/images/favicon.ico" />

Youtube (HTML5)
<link rel="icon" href="http://s.ytimg.com/yt/favicon-vfldLzJxy.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://s.ytimg.com/yt/favicon-vfldLzJxy.ico" type="image/x-icon">

Lotto (XHTML)
<link rel="shortcut icon" href="/system/modules/dk.danskespil.cms/resources/ui/images/favicon.ico" type="image/x-icon" />

DMI (HTML 4.01)
<link rel="shortcut icon" href="http://www.dmi.dk/favicon.ico" type="image/x-icon">

Politiken (HTML5)
<link rel="shortcut icon" type="image/ico" href="http://politiken.dk/favicon.ico" />

Microsoft (XHTML)
<link rel="shortcut icon" href="//www.microsoft.com/favicon.ico?v2" />

HTC (HTML5)
<link type="image/x-icon" href="/assets/favicon.ico" rel="shortcut icon">

Svaret og en ny gåde, får i engang i morgen.

[ThomasI]

Spændende emne med hvad man egentlig skal skrive ind for at det virker... Jeg vil nok holde mig til HTML5 måden, men altså hvis man vil være på den sikre side, så kan man jo i princippet sætte alle typer meta´er ind...Så kan det jo næsten ikke udgås at komme på siden ...

[scootergrisen]

Nu virker det i IE9.
Har du et domainnavn uden æøå tegn hvor du kan teste det ?
Prøv og gør det på et domæne uden æøå tegn i URLen.

Og ja det kan godt være på grund af cache men det tror jeg ikke umiddelbart er tilfældet fordi første virkede det jo heller ikke på min computer.

Men jeg havde engang store problemer med Opera som gemte det gamle ikon selvom jeg ryddede cachen og slettede ikon og alt muligt, fandt så ud af det var en mappe med ikonerne som ikke bliver slettet selvom man rydder cachen.

[Cameldriver]

Nå, lad os så få de faviconer på plads

Som nogen sikkert allerede har luret, ligger en del af hemmeligheden i at skrive hele stien.
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> er altså ikke nok.
Men selvom man skriver hele stien, har man stadig ingen garanti for, at det virker.
Man skal også, ind og slette cachen.
Jeg ved godt at begge dele, er nævnt tidligere i denne tråd. Dog ikke sammen.
Så æres den, der æres bør. Stor tak til alle. Uden jer var jeg ikke kommet her til.

Jeg har lavet følgende forsøg i Internet Explorer 9.
Først slettede jeg cachen. Så prøvede jeg med den oprindelige kode:
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">.
Det virkede ikke.

Så slettede jeg cachen igen. Og så prøvede jeg med en dobbelt kode:
<link rel="shortcut icon" type="image/x-icon" href="http://www.xn--stiberg-r1a.dk/favicon.ico">
Og <link rel="shortcut icon" type="image/x-icon" href="http://www.støiberg.dk/favicon.ico">.
Så virkede det.

Så slettede jeg igen cachen. Og prøve så at fjerne den ene, så den nu kun hed:
<link rel="shortcut icon" type="image/x-icon" href="http://www.støiberg.dk/favicon.ico">.
Det virkede ikke.

Så slettede cachen endnu en gang. Og indsatte den anden kode:
<link rel="shortcut icon" type="image/x-icon" href="http://www.xn--stiberg-r1a.dk/favicon.ico">
Så virkede det igen.

Så prøvede jeg, at slette min favicon fil.
Men Internet Explorer 9 var ligeglad, den blev ved med at vise mit ikon.

Så slettede cachen. Og væk var det.

Så uploadede jeg igen min favicon fil. Og bingo så virkede det igen.

Så slettede jeg favicon filen igen, og uploadede en anden, med et andet motiv.
Men det var Internet Explorer 9 lige glad med, den blev ved med at vise den gamle.

Så slettede jeg cachen igen. Og vupti så kom mit nye ikon frem.

Jeg kan derfor med sikkerhed sige:
Hele stien skal med, og man skal slette cachen før det virker.

Det forklarer også, hvorfor Google har først nu, har fået nyt ikon på min startside.

Det hører med til forklaringen, at cachen hver gang er blevet slettet med CCleaner, og ikke med Internet Explorer 9’s egen.

Håber det giver mening.

Og så lovede jeg jo en ny gåde. Faktisk er der tale om 2.

Den første og oprindelige, lyder således:
Hvordan kan Apple (http://www.apple.com/) have et ikon på deres hjemmeside. Når koden ikke indeholder link til nogen ikon fil (*.ico)?

Den anden, lyder som følger.
Hvordan kan det være at Firefox gerne vil vise ikonet på fanebladet. Men ikke i bogmærkerne?


P.S. Jeg kan oplyse, at det med min fremgangsmåde virker, ikke kun i Internet Explorer 9. Men også i Opera, Safari og som nævnt delvist også i Firefox.

[scootergrisen]

Jeg kan så oplyse at det virker med relativ sti.
Det kan du se på min side : http://scootergrisen.dk/

Grunden til det virker hos apple er fordi nogle browseren automatisk kigger efter en fil kaldet "favicon.ico" i roden af hjemmesiden.