Erzeugen eines Apple-Touch-Icons mit Rails

7

Ich versuche, den Apple-Touch-Icon-Link zu meinem Anwendungskopf hinzuzufügen, so dass er auf Homescreen-Lesezeichen angezeigt wird. Die Rails-Anleitungen geben Folgendes an:

  

Mobile Safari sucht nach einem anderen Link-Tag, das auf ein Bild verweist, das verwendet wird, wenn Sie die Seite zum Startbildschirm eines iOS-Geräts hinzufügen. Der folgende Aufruf würde ein solches Tag erzeugen:

%Vor%

Wenn ich jedoch Folgendes benutze (Zeitstempel entfernt):

%Vor%

erzeugt das Apple-Touch-Icon nicht korrekt (Favicon funktioniert wie erwartet). Es fügt "Bilder" und nicht "Assets" in die href ein. Der generierte Code ist:

%Vor%

Ich habe auch versucht, den Link direkt in die Anwendungsdatei zu setzen, ohne den TagHelper zu verwenden, aber er hängt den Zeitstempel nicht an die Datei an, daher ist die Datei nicht korrekt.

    
FothMan 04.03.2015, 04:21
quelle

2 Antworten

1

Erstens müssen Apple Touch-Symbole im PNG-Format und nicht im JPEG-Format vorliegen. Sie sollten auch "Apple-Touch-Symbol" genannt werden.

Was das Problem betrifft, ist die erste, aber nicht ideale Lösung, Ihr Apple-Symbol in Ihr öffentliches Verzeichnis zu setzen und den Link fest zu codieren.

%Vor%

Alternativ dazu können Sie auch / public / images hinzufügen, damit der generierte Link korrekt ist.

Ich vermute jedoch, dass ein Plugin wie Bootstrap den Link anfügt, wie es ihm passt. In dem Fall, dass Sie Bootstrap oder etwas ähnliches verwenden, würde ich das HAML nach "Apple-Touch-Symbol" durchsuchen und sehen, was Sie finden können. Wahrscheinlich etwas in der Art von:

%Vor%

Wenn Sie es finden, entfernen Sie es.

Abgesehen davon, dass die Rails möglicherweise zu schlau sind und erkennen, dass der Dateiname / Dateityp falsch ist, und den Link anfügen.

    
Allan W Smith 04.03.2015, 07:44
quelle
28

Sie können eine _favicon.html.erb teilweise mit dem folgenden Inhalt erstellen:

%Vor%

Fügen Sie es in Ihre application.html.erb ein:

%Vor%

Dadurch werden Apple Touch Icons und Favicons in verschiedenen Größen erstellt (optimiert für verschiedene Geräte). Sie können diese Symbole dann über eine der vielen Websites wie iconifier generieren und in Ihr app / assets / images / -Verzeichnis

Das habe ich gemacht und es funktioniert wirklich gut für mich.

    
DaniG2k 05.03.2015 00:07
quelle