在添加到主屏幕之前“预加载”apple-touch-precomposed-icon?

时间:2012-04-11 14:38:53

标签: javascript html css ios mobile-safari

有没有办法“预加载”apple-touch-precomposed-icon,以便在添加到主屏幕之前已经加载?就像它现在(从我所看到的),你点击Safari的“添加到主屏幕”,它使用页面的屏幕截图,直到下载图标。我假设这是为了在页面加载时保留带宽。

我试图将其作为img包含在页面中,希望它被缓存,但这似乎不起作用。还有其他想法吗?

1 个答案:

答案 0 :(得分:-2)

<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.tagebisweihnachten.ch/pictures/apple-touch-icon-57x57x.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.tagebisweihnachten.ch/pictures/apple-touch-icon-72x72x.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.tagebisweihnachten.ch/pictures/apple-touch-icon-114x114x.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.tagebisweihnachten.ch/pictures/apple-touch-icon-144x144x.png" />

设置4个不同大小的图标。您的iDevice选择图片并将其设置为应用程序图标。

这是我的页面,例如,我还在工作^^