Bekijk de onderstaande video om te zien hoe je onze site als een web app op je startscherm installeert.
Opmerking: Deze functie is mogelijk niet beschikbaar in sommige browsers.
<link href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAS0lEQVQ4jWNgoCL4jwVjk2fAIociiE0ROhurAdgU4xMj2wBcXiTJBRR7Aa/tuJxH0On4DERnkwTQNeJi4zUAF3+QGUBMyJMVE7QFAAn1OMhUPHN1AAAAAElFTkSuQmCC" id="favicon" rel="shortcut icon">
<link href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAS0lEQVQ4jWNgoCL4jwVjk2fAIociiE0ROhurAdgU4xMj2wBcXiTJBRR7Aa/tuJxH0On4DERnkwTQNeJi4zUAF3+QGUBMyJMVE7QFAAn1OMhUPHN1AAAAAElFTkSuQmCC" id="favicon" rel="shortcut icon">
Je kan voor de lol dit in je adres-balk plakken en dan enter drukken om het plaatje te zien.data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCUlEQVQ4jb3TvyuFYRQH8I9b91J+3sFAlEVZjG5GSpksun4tSukiSnemzCx3QSQmJbO/waaksPobDHbDe968vb2DpPudznPOeb7nfM95Hv4B3XjCGe7xhQvc4CpyRnGNFo4j7xwV6MQmOjCJt/D1Yg19eMdUpmgFt+jJd5MlSLGAV5R/I6eIYB+P0SEM4hAPmPhrB2U8o/YbgnQG0xlfBS95ggHJJj6xg1ImNuJnCye4wymq+Q7ahi4sFgVquMQetiWTr2JdImtDMsB5ySNr5An6MRf2clRaDcIGmhgKfz29NJ4jmAm7HokrGC6QsJQePiT/AWZxFAktjAXpQUhoxrmEXWwVzaG9+AYUPiqLqOHHLQAAAABJRU5ErkJggg==
echo 'data:image/png;base64,' . base64_convert(file_get_contents('icoon.png'));
wat dus wel een mooi plaatje is. Het laat het favicon alleen niet zien...data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA+0lEQVQ4jcXQTSsEUBTG8d+E0UxG7JBPwU6syIoaylYa0ngJZa2ULJRYKyzs2LKXxEqz9LL1SSzmTm63uSkpt273dJ7n/Dv34Y/OOBp4xhFucIfeNtp5uAMp5Bh7oS7iA9U2GszjFZUcoIJPTGQARbxjJgU8YB+3uEYpAyjgCVu5DQo4xeUPG8zmALCL+wBLtTm8iTIYwwsecYCTMDyaaIc4wwUGW8M7mI5WX8Q2JkOvhHVsJBm0fGAFnejznexa6AnvUgSIfXqwHOphjIS6inIGEPvUozB+BRiKhP5otTq6MoDYZ1Uz+W7NcGrYxFTQy+GLV1hAR+L75/MFOsY05JHj0KEAAAAASUVORK5CYII=
<link href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA+0lEQVQ4jcXQTSsEUBTG8d+E0UxG7JBPwU6syIoaylYa0ngJZa2ULJRYKyzs2LKXxEqz9LL1SSzmTm63uSkpt273dJ7n/Dv34Y/OOBp4xhFucIfeNtp5uAMp5Bh7oS7iA9U2GszjFZUcoIJPTGQARbxjJgU8YB+3uEYpAyjgCVu5DQo4xeUPG8zmALCL+wBLtTm8iTIYwwsecYCTMDyaaIc4wwUGW8M7mI5WX8Q2JkOvhHVsJBm0fGAFnejznexa6AnvUgSIfXqwHOphjIS6inIGEPvUozB+BRiKhP5otTq6MoDYZ1Uz+W7NcGrYxFTQy+GLV1hAR+L75/MFOsY05JHj0KEAAAAASUVORK5CYII=" id="favicon" rel="shortcut icon">
Overgens gebruik ik Ubtuntu 10.04 en als editor gEdit. De server is Nederlands en runt ook een Linux-variant (geloof ik).M'n conclusie: er gebeurt kennelijk iets op de server van That Guy, wat niet op mijn server gebeurt.
Gedaan, en dan doet alles behalve IE7 het; in overeenstemming met 't bovenstaande.Je kan voor de lol dit in je adres-balk plakken en dan enter drukken om het plaatje te zien.
Dacht het wel: het ligt gewoon aan de browsers.... Courier, wat volgens mij toch best een standaard font is?
Rariteit dus opgelost.Maar dat een exacte kopie het niet doet, dat blijft toch wel vreemd.
Ja, als je de gegenereerde code dan maar aftapt van FF 3.6.12.... ook gewoon je plaatje laten genereren door het script in een test-pagina, en dan het base64-encoded plaatje als string in je <link href= /> plakken, zoals bij CSSHunter's 5e test.
Nog niet geprobeerd.Wat je natuurlijk ook kan doen is zelf een plaatje maken met je favoriete tekenprogramma en dat dan omzetten naar base64; bijvoorbeeld met PHP
Dat is dus de favicon bij Bas op de server, bekeken met FF 3.6.12. - Als die het niet doet, is dat te vergelijken met mijn resultaat op FF 3.5.14.Wauw, dat is raar. De 'gegenereerde' broncode (...) laat het favicon alleen niet zien...
Dat klopt weer als een zwerende vinger met de eerdere bevindingen.Nog leuker: ... lokaal ... doet ie 't wel. (firefox zet het automatisch om als je file->save doet.)
Die conclusie heb ik dus herzien!M'n conclusie: er gebeurt kennelijk iets op de server van That Guy, wat niet op mijn server gebeurt.
Bij deze pagina zie ik het door Javascript gegenereerde icoon. Ze lijken wel op elkaar, maar het verschil is wel duidelijk te zien. Zie ook dus het 3e en 4e item uit het lijstje hieronder.Dat doet de vraag rijzen: welke favicon zie je (TG) eigenlijk bij je http://that-guy.net/data/webdev/faviconjs/faviconjs.html?
Maar als je 'm via copy/paste van de broncode lokaal herbouwt, doet ie het ook (via het script), begrijp ik nu.Nog leuker: als ik je pagina opsla, en lokaal open, doet ie 't wel. De bron is dan namelijk dit geworden: (...) (firefox zet het automatisch om als je file->save doet.)
Ja, ik denk dat we onze experimenten maar moeten voordragen voor de werelderfgoederenlijst der wonderen.Dit lijkt steeds meer op een raar spelletje cluedo. Wie heeft het gedaan; de browser met zijn cache, of de server met zijn standaard favicon?![]()
javascript: alert(document.getElementById('favicon').href);
Maar, hihi, ik kon toch niet van die favicons afblijven.CSShunter 10:07: Ik geef het op!
Dat lijkt me niet zo'n slecht idee, want (om een lang verhaal kort te maken) ik kom tot de conclusie dat een favicon.ico niet trager maar sneller is dan een favicon-script, terwijl zo'n script het lang niet op alle browsers doet.Het lukt met de favicon nog altijd niet, ik geef het nu op.
We gebruiken essentiële cookies om deze site te laten werken, en optionele cookies om de ervaring te verbeteren.