Ik heb een grails-applicatie die lokaal wordt uitgevoerd met behulp van een eigen tomcat en ik heb net de Favicon veranderd voor een nieuwe. Probleem is dat ik het in geen enkele browser kan zien. De oude Favicon verschijnt of ik krijg helemaal geen favicon, maar niet mijn nieuwe. Ik denk niet dat dit op zich een graaltprobleem is, meer een probleem met favicons.
Wat zou moeten gebeuren met Favicons? Hoe moeten ze werken? Ik heb talloze bladwijzers in mijn browser die de verkeerde pictogrammen hebben en ze lijken nooit opgefrist te worden. Hoe dwing ik de server / browser om ze te stoppen met caching ze? Het lijkt behoorlijk dom om ze altijd te cachen gezien ze zijn normaal gesproken slechts 16×16. Waarom niet alleen uploaden met elk bezoek aan de pagina? Het is niet bepaald een enorm bovenheadkosten.
1, Autoriteit 100%
Om de Favicon van uw site te vernieuwen, kunt u browsers dwingen om een nieuwe versie te downloaden met behulp van de koppelingstag en een querystring op uw bestandsnaam. Dit is vooral handig in productieomgevingen om ervoor te zorgen dat uw gebruikers de update krijgen.
<link rel="icon" href="http://www.yoursite.com/favicon.ico?v=2" />
2, Autoriteit 39%
OK, na 10 minuten proberen, is de gemakkelijke manier om het te repareren, dicht bij die van de lijn van vogels
- Type www.yoursite.com/favicon.ico (of www.yoursite.com/apple-touch-icon.png, enz.)
- Druk op ENTER
- CTRL + F5
- Start browser (dwz firefox)
3, Autoriteit 12%
Dit antwoord is nog niet gegeven, dus ik dacht dat ik het zou posten. Ik keek overal op het web en vond geen goed antwoord voor het testen van favicons in de lokale ontwikkeling.
In de huidige versie van Chrome (op OSX) Als u het volgende uitvoert, ontvangt u een Instant Favicon Refresh:
- Beweeg over tabblad
- Klik met de rechtermuisknop
- Selecteer herladen
- Je favicon zou nu moeten worden vernieuwd
Dit is de gemakkelijkste manier die ik heb gevonden om het favicon lokaal te vernieuwen.
Antwoord 4, autoriteit 3%
Hernoem het favicon-bestand en voeg een html-header toe met de nieuwe naam, zoals:
<link rel="SHORTCUT ICON" href="http://www.yoursite.com/favicon2.ico" />
Antwoord 5, autoriteit 3%
Als je PHP gebruikt, kun je ook de MD5-hash van de favicon als querystring gebruiken:
<link rel="shortcut icon" href="favicon.ico?v=<?php echo md5_file('favicon.ico') ?>" />
Op deze manier wordt de Favicon altijd vernieuwd wanneer deze is gewijzigd.
Zoals aangegeven in de opmerkingen kunt u ook de datum van de laatste wijziging gebruiken in plaats van de MD5-Hash om hetzelfde te bereiken en een beetje te besparen op de serverprestaties:
<link rel="shortcut icon" href="favicon.ico?v=<?php echo filemtime('favicon.ico') ?>" />
Antwoord 6, autoriteit 3%
Door het bestand te vernietigen dat uw browser gebruikt om oude favicons op te slaan, kunt u ervoor zorgen dat nieuwe worden geladen.
- Sluit je browser. Zorg ervoor dat er geen browserprocessen meer actief zijn (controleer bijvoorbeeld Taakbeheer voor
chrome.exeoffirefox.exe). - Navigeer naar waar uw browser gebruikersbestanden opslaat:
- Ga voor Chrome naar de Chrome-gegevensmap.
- Ga voor Firefox naar de Firefox-profielmap.
- Verwijder de favicon-cache.
- Voor Chrome: verwijder
FaviconsenFavicons-journal - voor Firefox, Verwijderen
favicons.sqlite
- Voor Chrome: verwijder
Dit zal bijna zeker werken. Zo niet, niet:
- Mogelijkheid 1: Een update naar uw browser is gewijzigd hoe de Favicon-cache werkt. Bewerk dit antwoord bij nieuwe instructies.
- Mogelijkheid 2: Uw Favicon-probleem heeft niets te maken met overaggressieve caching. Het kan in plaats daarvan een probleem met resourceprobleem zijn - met behulp van ontwikkelaarstools, zorg ervoor dat de nieuwe Favicon correct is gedownload.
7, Autoriteit 2%
In Chrome op Mac OS X kan men het bestand verwijderen met Favicon Cache
${user.home}/Library/Application Support/Google/Chrome/Default/Favicons
8
Nou, overhead is boven het hoofd, maar ja, niet te groot.
Ook zijn browsers soms "hebzuchtig" over cached-bestanden. U kunt cache wissen en / of uw browser opnieuw opstarten en de wijziging kan zien. Als dat mislukt ...
Mijn chequeo-oplossing is om:
- Bezoek uw bestand op http://example.com/favicon.ico in uw browser.
- Verwijder de Favicon.ico van je Webroot.
- Bezoek http://example.com/favicon.ico opnieuw in een browser, verifieer het is ontbreken .
- Upload nieuwe naar uw Webroot.
- Bezoek http://example.com/favicon.ico opnieuw in een browser, verifieer het is de nieuwe.
Als die sequentie niet werkt, is er iets anders aan de hand.
9
Afhankelijk van de browser worden ze anders behandeld, maar meestal merk ik dat ik naar de standaardpagina van de site ga en een harde verversing doe. CTRL+ F5(of ⌘ Command+ SHIFT+ F5op macOS), zal het normaal gesproken laten updaten.
Antwoord 10
OP MAC:
⌘+ Shift-Rof houd Ctrlingedrukt en klik op de herlaadknop in de browser.
Antwoord 11
Voor Internet Explorer is er een andere oplossing:
- Open internetverkenner.
- Klik op menu > gereedschap > internetopties.
- Klik op algemeen > tijdelijke internetbestanden > "instellingen" knop.
- Klik op de knop "Bestanden bekijken".
- Vind je oude favicon.ico-bestand en verwijder het.
- Herstart browser (internet explorer).
Antwoord 12
Hoogstwaarschijnlijk een probleem met de webbrowser. U moet uw cache uit uw browser verwijderen, uw browser sluiten en opnieuw openen. Dat zou het moeten oplossen.
Ik geloof niet dat je favicons in je favorieten worden vernieuwd totdat je die pagina opnieuw bezoekt, en ervan uitgaande dat je eerder je browsercache had gewist.
Je webbrowser gaat niet zelf naar het internet om te zoeken naar een nieuw favicon... godzijdank.
Antwoord 13
Probeer te openen in een nieuw tabblad
Ik heb veel van de bovenstaande dingen geprobeerd (cache resetten, vernieuwen, de link-tag gebruiken, enz.), Ik heb zelfs mijn .htaccess-bestand gecontroleerd en de ExpiresByType-variabele opnieuw ingesteld.
Maar dit is wat uiteindelijk voor mij werkte in zowel Chrome (25.0.x) als Safari (6.0.1):
- Cache doorspoelen
- De favicon hard koppelen met de
<link>-tag - Navigeren naar
mysite.com/favicon.ico mysite.comopenen in een nieuw tabblad
(Tot stap 3 bleef vernieuwen op hetzelfde tabblad het oude pictogram reproduceren.)
Antwoord 14
Als u voor Chrome op macOS niet de hele Chrome-favicon-database wilt verwijderen, zoals hier al wordt gesuggereerd, kunt u alleen de conflicterende pictogrammen verwijderen:
- Chrome afsluiten
- Laad de favicons-database (gebruik hier sqlite):
sqlite3 ~/Library/Application\ Support/Google/Chrome/Default/Favicons
- Zoek naar het bestand dat problemen veroorzaakt
select * from favicons where url = 'http://mysite.dev/favicon.ico';
- Als u tevreden bent met de uitvoer:
delete from favicons where url = 'http://mysite.dev/favicon.ico';
Als alternatiefkunt u zoeken naar een patroon dat u opnieuw kunt gebruiken om meerdere items te verwijderen:
- Zoek naar meerdere bestandendie problemen veroorzaken
select * from favicons where url like 'http://mysite.dev%';
- En nogmaals, als je tevreden bent met wat dit oplevert:
delete from favicons where url like 'http://mysite.dev%';
- Typ
.exiten druk op Return om sqlite af te sluiten - Chrome opnieuw starten
Antwoord 15
Als je de favicon bij Google aanvraagt, kun je de reactiekoppen bekijken.
Last-Modified: Fri, 09 Jan 2009 16:35:02 GMT
Date: Thu, 01 Dec 2010 00:00:01 GMT
Expires: Fri, 01 Dec 2011 00:00:01 GMT
Cache-Control: public, max-age=31536000
Age: 7
Als u een "Expires: "-header op het antwoord plaatst, zullen clientbrowsers na die tijdstempel opnieuw om het pictogram vragen. Terwijl u actief bezig bent met ontwikkelen, kunt u de tijdstempel voor verlopen in de toekomst instellen op een seconde of twee en dit altijd laten ophalen, hoewel dat een slecht langetermijnplan is.
Antwoord 16
De favicon-ondersteuning van Chrome bevat fouten - negeer dit antwoord
Ik schreef dit antwoord in de veronderstelling dat dit nodig was om favicons in Google Chrome te vernieuwen. Het blijkt echter dat dit alleen de eerste vijf minuten of zo werkt, totdat het pictogram onherstelbaar verloren in de geschiedenissynchronisatie van Chrome.
Oorspronkelijk antwoord
U hoeft uw cachegeheugen niet te wissen, uw browser opnieuw te starten ofuw HTML te herschrijven - u hoeft alleen de URL van het pictogram eenmaalte wijzigen, zodat de browser zal het eerder in de cache opgeslagen pictogram vergeten.
Ervan uitgaande dat u uw pictogram heeft gedefinieerd via <link>-elementen in de <head>van uw pagina, kunt u dat doen door deze standaard uit te voeren -JS onelinerin de console:
[].slice.call(document.querySelectorAll('head>link[rel$="icon"]')).map(function(ln){ln.href+='?v=2'});
Voor een meer geavanceerde implementatie hiervan die dit automatisch kan doen voor eindgebruikers in productie, zie freshicon.js.
Antwoord 17
Chrome-versie: 68.0.3440.106
Start Chrome gewoon opnieuw (in uw adresbalk):
chrome://restart
Antwoord 18
Ik heb onlangs mijn bladwijzers hersteld en was op zoek naar een manier om de FavIcons te herstellen zonder elke pagina te bezoeken. Mijn zoektocht bracht me bij dit topic.
Voor degenen in een soortgelijke omstandigheid Download alleen de Favicon Reloader Addon. Nadat u hebt geïnstalleerd, vindt u de opdracht "Favoriete pictogrammen opnieuw in het vervolgkeuzemenu van uw bladwijzers.
https://addons.mozilla.org/en -US / Firefox / Addon / Faviconreloader /? SRC = API
19
Als u PHP gebruikt. Dan kunt u deze regel ook gebruiken.
<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?v=<?php echo time() ?>" />
Het zal uw favicon opeenhangen op elke pagina-belasting.
20
Als u gewoon geïnteresseerd bent in het debuggen om ervoor te zorgen dat het is gewijzigd, kunt u gewoon een dummy-invoer toevoegen aan uw / etc / hosts-bestand en de nieuwe URL treffen. Die Favicon zou niet al in de cache worden opgeslagen en je kunt ervoor zorgen dat je nieuwe werkt.
Kort van het wijzigen van de naam van de Favicon, er is geen manier waarop u uw gebruikers kunt dwingen om een nieuwe kopie
te krijgen
21
Dit is een oplossing voor de Chrome-bug: verander het Rel-attribuut aan Stylesheet! Houd echter de originele link. Werkt als een charme:
Ik kwam met deze oplossing omdat we ook een vereiste hebben om de sites / productiecode van klanten te kunnen bijwerken en ik heb geen van de andere oplossingen gevonden om te werken.
22
Dit werkt voor Chrome:
-
op Mac: Bestand verwijderen
$ {user.home} / Library / Application Support / Google / Chrome / Standaard / Favicons
-
op Windows: Delete bestanden
C: \ -gebruikers [Gebruikersnaam] \ APPDATA \ LOKALE \ Google \ Chrome \ Gebruikersgegevens \ Standaard \ Favicons
C: \ -gebruikers [Gebruikersnaam] \ APPDATA \ LOKALE \ Google \ Chrome \ Gebruikersgegevens \ Standaard \ Favicons-Journal
Antwoord 23
Ik weet dat dit een heel oude vraag is, maar het is ook een vraag die nog steeds relevant is, hoewel tegenwoordig alleen van toepassing is op mozilla. (Ik heb geen idee wat verkenner doet, want we coderen niet voor niet-standaard browsers).
Chrome gedraagt zich goed als er een pictogramtag in de koptekst wordt opgenomen.
Hoewel mozilla goed op de hoogte is van het probleem, lossen ze zoals gewoonlijk nooit de vervelende kleine dingen op. Zelfs 6 jaar later.
Er zijn dus twee manieren om een pictogramvernieuwing te forceren met Firefox.
-
Laat al uw klanten Firefox verwijderen. Installeer vervolgens opnieuw.
-
Typ handmatig alleen het domein in de url-balk - gebruik geen http of www
alleen het domein (mijndomein.com).
Dit veronderstelt natuurlijk dat uw ns-records alleen resolutie voor de domeinnaam bevatten.
Antwoord 24
Eenvoudig,
1: ik wil niet met codes spelen (ps mijn sitebouwer gebruikt geen codes, hij gebruikt de knop "bestand uploaden" en doet het zelf)
2: Ik heb de CTRL+F5geprobeerd en het werkt niet voor mij, dus....
IK HEB EEN OPLOSSING:
IE: Wis alle browsergeschiedenis en cookies door naar de instellingen tandwiel O
. te gaan
Chrome: ga naar het menu in de rechterbovenhoek onder de X die eruitziet als een = , ga dan naar instellingen, geschiedenis, BLADEERGEGEVENS WISSEN en vink alle vakjes aan die van toepassing zijn (ik deed geschiedenis, cookies en leeg de vangen vanaf het begin der tijden)
Antwoord 25
Verander gewoon deze bestandsnaam='favicon1.ico'
Antwoord 26
Hier is hoe ik het voor elkaar kreeg met een eenvoudig geanimeerd favicon en FireFox 3.6.13 (bètaversie) Het zal waarschijnlijk ook werken voor andere versies van FireFox, laat het me weten als het niet werkt.
Het is eigenlijk de oplossing van artlung, maar het adresseert ook het .gif-bestand:
- Ik opende met een FTP-programma, downloadde mijn favicon.ico EN favicon.gif-bestanden,
- Verwijder ze vervolgens uit de bestanden van mijn server.
- Vervolgens opende ik ze in mijn browser zoals artlung suggereerde:
http://mysite.com/favicon.icoEN http://mysite.com/favicon.gifZodra die adressen zijn geladen en 404-foutpagina's hebben weergegeven ("pagina niet gevonden") - VERVOLGENS heb ik beide bestanden weer naar mijn server geüpload en PRESTO - de juiste pictogrammen werden onmiddellijk weergegeven.
Antwoord 27
Zorg er ook voor dat u de volledige afbeeldings-URL plaatst, niet alleen het relatieve pad:
http://www.example.com/images/favicon.ico
En niet:
images/favicon.ico
Antwoord 28
Als het probleem zich blijft voordoen ondanks het toepassen van enkele bovenstaande stappen probeer dan de IIS-server opnieuw op te starten. Ik hoop dat dit helpt...
Antwoord 29
Volg de onderstaande stappen om het app-pictogram te wijzigen:
- Voeg uw .ico-bestand toe aan het project.
- Ga naar angular.json en daarin "projecten" -> "architect" -> "bouwen" -> "opties" -> "assets" en maak hier een vermelding voor uw pictogrambestand. Raadpleeg de bestaande invoer van favicon.ico om te weten hoe u dit moet doen.
- Ga naar Index.html en update het pad van het pictogrambestand. Bijvoorbeeld,
<link rel="icon" type="image/x-icon" href="abc.ico">