Question

我在index.php：

的标题部分中有这个

<link rel="apple-touch-startup-image" href="images/screenLD.png" media="(device-width:320px)" /><!--iPod/iPhone Portrait LD 320x460-->
<link rel="apple-touch-startup-image" href="images/screenHD.png" media="(device-width:320px)and(-webkit-device-pixel-ratio:2)" /><!--iPod/iPhone Portrait HD 640x920-->
<link rel="apple-touch-startup-image" href="images/screenPortraitLD.png" media="(device-width:768px)and(orientation:portrait)" /><!--iPad Portrait LD 768x1004-->
<link rel="apple-touch-startup-image" href="images/screenLandscapeLD.png" media="(device-width:768px)and(orientation:landscape)" /><!--iPad Landscape LD 748x1024-->
<link rel="apple-touch-startup-image" href="images/screenPortraitHD.png" media="(device-width:1536px)and(orientation:portrait)and(-webkit-device-pixel-ratio:2)" /><!--iPad Portrait HD 1536x2008-->
<link rel="apple-touch-startup-image" href="images/screenLandscapeHD.png" media="(device-width:1536px)and(orientation:landscape)and(-webkit-device-pixel-ratio:2)" /><!--iPad Landscape HD 1496x2048-->

这是cache.manifest：

CACHE MANIFEST

index.php

images/screenLD.png
images/screenHD.png
images/screenPortraitLD.png
images/screenLandscapeLD.png
images/screenPortraitHD.png
images/screenLandscapeHD.png

但我们可以很容易地理解，iPhone用户需要缓存5个其他无用的大图像。

我怎么能这样做，他只会缓存他需要的图像？

^{BTW，对于那些想要在每个苹果设备上运行的启动画面代码的人来说，我的完美。}

Answer 1

使用python / php脚本，检查设备的User-Agent字符串。然后为不同版本的cache.manifest提供特定设备所需的缓存列表。如果用户代理字符串格式错误或未知，请提供上面包含所有内容的字符串。

示例：

创建一个脚本，例如：cache_manifest.php
清理$ _SERVER ['HTTP_USER_AGENT']
从用户代理字符串中查找设备的名称。
输出（通过'echo'）给定设备的LD / HD文件。用户代理字符串将不允许您准确确定设备是否具有视网膜显示。
通过RewriteRule将流量从/cache.manifest重定向到cache_manifest.php

Htaccess文件看起来像：

RewriteEngine On
RewriteRule ^cache\.manifest$ /cache_manifest.php [L]

iPhone用户代理字符串将如下所示：

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5

iPad用户代理字符串将如下所示：

Mozilla/5.0 (iPad; U; CPU OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5

Answer 2

您实际上不需要缓存apple-touch-startup-image标记中使用的图像。设备将在第一次运行时（在缓存任何内容之前）下载所需的映像。当他们被缓存时，他们不再需要了。

仅缓存webapps中的必要图像

2 个答案: