Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.

[feat] Chrome webapp icon

Pagina: 1
Acties:

  • Preau
  • Registratie: Oktober 2010
  • Niet online
Zoals vast bekend bij de devs kun je in de Chrome beta nu een site toevoegen aan je homescreen als webapp. Het werkt dan hetzelfde als de browser zonder toolbars enzo.

Dat werkt prima met tweakers maar heeft nog geen icoontje. Het (standaard) icoontje dat je nu krijgt staat in de volgende screenshot rechtsonder in het geopende mapje: http://i.imgur.com/dNKsrAh.jpg

Het is best simpel om door middel van metatags een mooi icoontje beschikbaar te maken. Daardoor zou het er meteen een stuk mooier uitzien op het homescreen.

Op de volgende site staat een uitleg hoe dat te doen: https://developers.google.../docs/installtohomescreen

  • agoNITE
  • Registratie: Maart 2002
  • Laatst online: 13-11 18:39
Arnoud had het hier een tijdje terug ook over in zijn blog.

Ik zou een mooie icon ook zeer op prijs stellen! Al snap ik dat dit niet de hoogste prioriteit zal hebben.

  • Misha
  • Registratie: Augustus 2010
  • Laatst online: 15:20
Komt er nog aan :)

  • agoNITE
  • Registratie: Maart 2002
  • Laatst online: 13-11 18:39
Nice :) Ben wel een mierenneuker wat iconen betreft. 1 van de topics waarin ik het eerst echt actief was op GoT ging over een icon voor een T.net tab in een hele oude versie van MSN messenger :)

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:00

crisp

Devver

Pixelated

Wat doen we hier fout dan, want voor Chrome op Android serveren we al de volgende link-elementen:
HTML:
1
2
3
<link rel="shortcut icon" type="image/png" href="http://tweakimg.net/g/if/icons/tnet.png">
<link rel="shortcut icon" type="image/png" sizes="128x128" href="http://tweakimg.net/android-touch-icon-128x128.png">
<link rel="shortcut icon" type="image/png" sizes="196x196" href="http://tweakimg.net/android-touch-icon-196x196.png">

Intentionally left blank


  • hylke94
  • Registratie: Maart 2012
  • Laatst online: 23-09 16:26
Ik krijg wel keurig het Tweakers-logo op mijn startscherm...

  • Nakebod
  • Registratie: Oktober 2000
  • Laatst online: 22:59

Nakebod

Nope.

crisp schreef op zaterdag 14 december 2013 @ 11:51:
Wat doen we hier fout dan, want voor Chrome op Android serveren we al de volgende link-elementen:
HTML:
1
2
3
<link rel="shortcut icon" type="image/png" href="http://tweakimg.net/g/if/icons/tnet.png">
<link rel="shortcut icon" type="image/png" sizes="128x128" href="http://tweakimg.net/android-touch-icon-128x128.png">
<link rel="shortcut icon" type="image/png" sizes="196x196" href="http://tweakimg.net/android-touch-icon-196x196.png">
Waarschijnlijk niets.
Mijn ervaring met deze Chrome functie, zelfs met letterlijk het voorbeeld dat er staat, is dat het niet werkt. Maar op een andere pagina waar ik het gebruik werkt het weer wel.

Ik zie wel, of juist niet :+ dat er geen <meta name="mobile-web-app-capable" content="yes"> staat in de <head>. Tenminste niet als ik kijk op mijn PC, of krijg je die alleen @ mobile voorgeschoteld?

Blog | PVOutput Zonnig Beuningen


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:00

crisp

Devver

Pixelated

Nakebod schreef op zaterdag 14 december 2013 @ 12:47:
[...]

Waarschijnlijk niets.
Mijn ervaring met deze Chrome functie, zelfs met letterlijk het voorbeeld dat er staat, is dat het niet werkt. Maar op een andere pagina waar ik het gebruik werkt het weer wel.

Ik zie wel, of juist niet :+ dat er geen <meta name="mobile-web-app-capable" content="yes"> staat in de <head>. Tenminste niet als ik kijk op mijn PC, of krijg je die alleen @ mobile voorgeschoteld?
Dergelijk zaken targetten we inderdaad specifiek op de betreffende browsers op basis van de user-agent. Anders zou de <head> van onze website groter worden dan de <body> :P

Intentionally left blank


  • Metian
  • Registratie: Januari 2010
  • Laatst online: 18:45

Metian

Snert is vies

crisp schreef op zaterdag 14 december 2013 @ 11:51:
Wat doen we hier fout dan, want voor Chrome op Android serveren we al de volgende link-elementen:
HTML:
1
2
3
<link rel="shortcut icon" type="image/png" href="http://tweakimg.net/g/if/icons/tnet.png">
<link rel="shortcut icon" type="image/png" sizes="128x128" href="http://tweakimg.net/android-touch-icon-128x128.png">
<link rel="shortcut icon" type="image/png" sizes="196x196" href="http://tweakimg.net/android-touch-icon-196x196.png">
De fout zit hem in de volgorde. De icon van 196x196 moet bovenaan staan en de kleinste onderaan. De 128x128 staat in dit geval goed.

[ Voor 9% gewijzigd door Metian op 14-12-2013 18:16 ]

Rupsen, Rapsen.


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:00

crisp

Devver

Pixelated

Metian schreef op zaterdag 14 december 2013 @ 18:10:
[...]


De fout zit hem in de volgorde. De icon van 196x196 moet bovenaan staan en de kleinste onderaan. De 128x128 staat in dit geval goed.
Het zou imo wel erg ondoordacht zijn als de volgorde uit zou maken,,,

Intentionally left blank


  • Metian
  • Registratie: Januari 2010
  • Laatst online: 18:45

Metian

Snert is vies

crisp schreef op zondag 15 december 2013 @ 00:33:
[...]

Het zou imo wel erg ondoordacht zijn als de volgorde uit zou maken,,,
Dacht eerst ook dat niet uitmaakte, maar dat is toch echt de manier om het te laten werken. Heb het zelf eerst nog even uitgetest want geloofde het eerst zelf ook niet.

Rupsen, Rapsen.


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:00

crisp

Devver

Pixelated

Dan zijn het dus echt een stelletje prutsers daar bij het Chrome team :(

Intentionally left blank


  • Metian
  • Registratie: Januari 2010
  • Laatst online: 18:45

Metian

Snert is vies

Vraag me sterk af wat de reden is om het op deze manier in te bouwen. Hoe dan ook, probleem kan dus opgelost worden.

Misschien dat Chrome team het licht ziet en het ooit nog aanpast

Rupsen, Rapsen.


  • Whatson
  • Registratie: Februari 2010
  • Niet online
Je kunt het zien als puzzelstukjes, als chrome een plaatje vindt dat past gebruikt het die, ipv te kijken of er betere resoluties beschikbaar zijn. Als je als eerste een klein plaatje neemt, 'past' deze dus altijd en zoekt hij niet verder (ofzeau)

  • Metian
  • Registratie: Januari 2010
  • Laatst online: 18:45

Metian

Snert is vies

Whatson schreef op zondag 15 december 2013 @ 16:44:
Je kunt het zien als puzzelstukjes, als chrome een plaatje vindt dat past gebruikt het die, ipv te kijken of er betere resoluties beschikbaar zijn. Als je als eerste een klein plaatje neemt, 'past' deze dus altijd en zoekt hij niet verder (ofzeau)
Zo lijkt het te gaan, aparte keuze maar wie ben ik. Chrome team zal er wel een goede reden voor hebben.

Rupsen, Rapsen.


  • Misha
  • Registratie: Augustus 2010
  • Laatst online: 15:20
Ik vermoed dat ze gewoon het minst noodzakelijke hebben gedaan om het werkend te krijgen als proof of concept, en nu druk bezig zijn met het netter maken :). Zo hebben we het ook een beetje gedaan met RWD

  • Preau
  • Registratie: Oktober 2010
  • Niet online
Vandaag heb ik het bekeken naar aanleiding van de .plan en nu werkt het wel goed, na het opnieuw toevoegen aan homescreen.

[ Voor 20% gewijzigd door Preau op 07-01-2014 13:48 ]


  • Misha
  • Registratie: Augustus 2010
  • Laatst online: 15:20
Het lijkt helemaal te werken nu inderdaad :)

  • Misha
  • Registratie: Augustus 2010
  • Laatst online: 15:20
Heeft iemand nog gehad dat hij niet het juiste icoon gebruikt?

  • agoNITE
  • Registratie: Maart 2002
  • Laatst online: 13-11 18:39
Jep, sinds de 'add to homescreen' functionaliteit aan de stable versie van Chrome for Android is toegevoegd (update van 15 januari).

2e keer toegevoegd, werkt prima! Mooi, maar vreemd :p

[ Voor 19% gewijzigd door agoNITE op 17-01-2014 06:43 ]


  • Misha
  • Registratie: Augustus 2010
  • Laatst online: 15:20
Het kan soms even duren. Heb je een screenshotje? Ik wil nog even iets checken :)

  • beun92
  • Registratie: Maart 2012
  • Laatst online: 12-11 21:09
ik had dit probleem eerst ook met de gewone chrome, dit kwam bij mij omdat ik de titel aanpaste van de snelkoppeling bij het maken. nu laat ik bij elke shortcut gewoon de gehele header title er staan. dit is bij meerdere websites het geval heb ik gemerkt.

I love it when women go to school. It's like seeing a monkey on roller skates -- it means nothing to them, but it's so adorable for us. -- General Aladeen

Pagina: 1