fbenoist68
/
mobileportal
1
0
Fork 0
Code Issues 739 Pull Requests Packages Projects Releases Wiki Activity

[FogBugz #136] Mettre icone dans <HEAD> pour les IPhone #198

New Issue
Open
opened 2023-07-03 23:41:26 +02:00 by fbenoist68 · 4 comments
fbenoist68 commented 2023-07-03 23:41:26 +02:00
Owner

Assigned To: Frederik Benoist
Project: Mobile Retail
Area: Divers
Category: Fonctionnalité
Priority: A faire le plus tôt possible

Assigned To: Frederik Benoist Project: Mobile Retail Area: Divers Category: Fonctionnalité Priority: A faire le plus tôt possible
fbenoist68 commented 2023-07-03 23:41:28 +02:00
Poster
Owner

Event ID: 656
Date: 2013-09-15T06:19:12Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

 

Ever wondered how some iPhone web applications manage to get an automatic icon when adding them to Springboard (your home screen)? All you have to do is add this to the <head> of your page:

<link rel="apple-touch-icon" href="/icon.png" />

Then create an image for your icon. I think it works best with icons that are 57x57. This is what mine looks like:

Event ID: 656 Date: 2013-09-15T06:19:12Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <p> &nbsp;</p> <p style="margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Enriqueta; text-align: justify; font-size: 18px; line-height: 25px; color: rgb(51, 51, 51)"> Ever wondered how some iPhone web applications manage to get an automatic icon when adding them to Springboard (your home screen)? All you have to do is add this to the&nbsp;<code style="padding: 2px 4px; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12px; color: rgb(221, 17, 68); background-color: rgb(247, 247, 249); border: 1px solid rgb(225, 225, 232); white-space: pre">&lt;head&gt;</code>&nbsp;of your page:</p> <pre style="padding: 10px 0px 20px 10px; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 13px; color: rgb(51, 51, 51); margin-top: 0px; margin-bottom: 10px; line-height: 20px; border: none"> <code class="html" style="padding: 0px; font-family: Monaco, Menlo, Consolas, 'Courier New', monospace; font-size: 12px; color: inherit; background-color: transparent; border: 0px"><span class="tag" style="color: rgb(255, 144, 0)">&lt;link rel=</span><span class="string" style="color: rgb(0, 136, 0)">&quot;apple-touch-icon&quot;</span> href=<span class="string" style="color: rgb(0, 136, 0)">&quot;/icon.png&quot;</span> /<span class="anglebrackets" style="color: rgb(255, 144, 0)">&gt;</span></code></pre> <p style="margin: 0px 0px 10px; font-family: Enriqueta; text-align: justify; font-size: 18px; line-height: 25px; color: rgb(51, 51, 51)"> Then create an image for your icon. I think it works best with icons that are 57x57. This is what mine looks like:</p>
fbenoist68 commented 2023-07-03 23:41:30 +02:00
Poster
Owner

Event ID: 655
Date: 2013-09-15T06:18:42Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

 

Ok. En fait, en l'ajoutant à mon écran d'accueil et en ouvrant la webapp comme ça, ça marche. Par contre, l'icône est toute blanche. Ça me rappelle un vieux problème que j'ai du dans le passé..... http://nathanhoad.net/how-to-home-screen-icon-in-iphone-web-app

Event ID: 655 Date: 2013-09-15T06:18:42Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <p> &nbsp;</p> <p class="MsoNormal" style="margin-bottom:12.0pt"> Ok. En fait, en l&#39;ajoutant &agrave; mon &eacute;cran d&#39;accueil et en ouvrant la webapp comme &ccedil;a, &ccedil;a marche. Par contre, l&#39;ic&ocirc;ne est toute blanche. &Ccedil;a me rappelle un vieux probl&egrave;me que j&#39;ai du dans le pass&eacute;.....&nbsp;<span style="font-size:11.5pt"><a href="http://nathanhoad.net/how-to-home-screen-icon-in-iphone-web-app" rel="nofollow noopener noreferrer" target="_blank"><span>http://nathanhoad.net/how-to-home-screen-icon-in-iphone-web-app</span></a></span></p>
fbenoist68 commented 2023-07-03 23:41:31 +02:00
Poster
Owner

Event ID: 654
Date: 2013-09-15T06:18:29Z
Person: Frederik Benoist
Description: Attribué à Frederik Benoist par Frederik Benoist

Event ID: 654 Date: 2013-09-15T06:18:29Z Person: Frederik Benoist Description: Attribué à Frederik Benoist par Frederik Benoist
fbenoist68 commented 2023-07-03 23:41:32 +02:00
Poster
Owner

Event ID: 653
Date: 2013-09-15T06:18:29Z
Person: Frederik Benoist
Description: Ouvert par Frederik Benoist

Event ID: 653 Date: 2013-09-15T06:18:29Z Person: Frederik Benoist Description: Ouvert par Frederik Benoist
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
main
Labels
Clear labels
No items
No Label
Milestone
Clear milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: fbenoist68/mobileportal#198
There is no content yet.
Delete Branch "%!s(<nil>)"

Deleting a branch is permanent. Although the deleted branch may exist for a short time before cleaning up, in most cases it CANNOT be undone. Continue?