Question

我一直在与我的网站争夺一个好的一周，现在试图让网站脱机，我终于承认失败了。谁能看到我做错了什么？或者给我一些关于我应该测试什么的想法？

我的index.html文件以：

开头

<!DOCTYPE HTML>
<html manifest="cache.manifest">
    <head>

我在同一个文件夹中有一个.htaccess.txt文件：

AddType text/cache-manifest .manifest

我在同一文件夹中的cache.manifest文件说：

CACHE MANIFEST

# version 0.4
# If any of the files you list here isn't available, nothing gets cached.
# The cache limit for Mobile Safari is 10 MB.  Only 5MB for Chrome.

CACHE:
/assets/primary.css
/assets/primary.js
/assets/jquery-1.7.1.min
/assets/content/home.html
/assets/images/background_banner.jpg
/assets/images/background_content.jpg
/assets/images/background_content_home.jpg
/assets/images/icon.png
/assets/images/leaves_banner.png
/assets/images/leaves_nav.png
/assets/images/logo.png
/assets/images/startup_landscape.jpg
/assets/images/startup_portrait.jpg

NETWORK:
*

我已经仔细检查过我的缓存文件中的文件没有拼写错误，文件大小不到10 MB。缓存文件使用ANSI格式保存。

当我连接到互联网时，我的iPad上网站正常加载。但是当我打开飞机模式时，我只是获得了横向加载屏幕（index.html文件中指向的startup_landscape.jpg文件）。

我也尝试将该文件称为cache.appcache（虽然我不知道区别是什么）。无论如何，它似乎无法解决问题。

我被困在这里。任何想法都将不胜感激。

更新：10月25日

我尝试使用单个HTML页面，CSS文件和（空）.JS文件创建更简单的站点。 index.html文件在脱机状态下可见，但未应用.CSS;所以我认为缓存仍然无法正常工作。

我尝试将图片添加到页面而不是缓存它。该网站仍然在离线模式下工作 - 它只显示了一个空白框，图像应该是。但是，如果我尝试将图像名称添加到缓存中，我甚至无法使index.html页面进入脱机模式 - 我只是得到一个空白的白色屏幕。

Answer 1

尝试将.htaccess.txt重命名为.htaccess？

HTML5网站不会缓存到iPad

1 个答案: