移动网络应用程序中的 HTML5 离线问题答案

【问题标题】：Problem with HTML5 offline in mobile web app移动网络应用程序中的 HTML5 离线问题
【发布时间】：2011-07-27 07:17:51
【问题描述】：

我无法在 iphone 移动版 Safari 中使用离线模式。

 <html lang="se" manifest="cache.manifest">

我的 cache.manifest 看起来像

  CACHE MANIFEST 

  CACHE:
  /images/background-iphonelines.png
  /images/acne.jpg
 /images/lisa.jpg
 /images/bruno.jpg
 /images/urban.jpg
 /shops/acne.html
 /shops/lisa.html
 /shops/bruno.html
 /shops/urban.html
 /shops/shops.css
  /style.css
  script.js
  guide.html

  NETWORK:
  *

我还在根目录中包含了一个 .htaccess 文件，其中包含内容

  AddType text/cache-manifest .manifest

当我尝试在我的 Iphone 上打开我的应用程序时，它仍然显示“无法打开页面”（或类似的，让我的页面使用瑞典语）。

有人对我做错了什么有任何建议吗？

【问题讨论】：

标签： iphone html safari offline

【解决方案1】：

您的标记和缓存文件看起来不错，但如果站点无法离线，则说明缓存有问题。它只需要在一个元素上失败，整个事情都行不通。您是否尝试过调试缓存文件？这篇文章会有所帮助：

Jonathan Stark, Debugging HTML 5 Offline Application Cache

注意这不会告诉您哪个资产导致失败（如果有），但它会告诉您缓存是否正常工作。

【讨论】：

谢谢。我尝试了脚本，但在线出现了一些错误：是，事件：检查，状态：在线未缓存：是，事件：正在下载，状态：在线未缓存：是，事件：进度，状态：在线未缓存：是，事件：错误，状态：未缓存（prolly 清单中的语法错误） - 所以嗯。可能在清单中，但我看不到是什么
你需要检查路径，并确保它们是正确的——你有一些相对于缓存文件的值，还有一些可能出错（例如guide.html和/style.css ——他们绝对正确吗？）
现在他们正在下载..但是当我离线时我收到以下错误 ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js 无法加载资源：这台计算机的互联网连接似乎已脱机。 queryLoader/js/queryLoader.jsFailed to load resource: 此计算机的 Internet 连接似乎处于脱机状态。我什至没有在我的页面上包含这些脚本。虽然我使用地理定位...
你说你在使用地理定位，大概这涉及到一些代码。而且我想该代码反过来会调用 Google 的 jQuery CDN，这是您在评论中引用的 URL。
我可以摆脱 ajax 和 queryLoader 的东西。这可能是我缓存中的一些旧东西。我使用地理定位测试了我的应用程序，但它仍然无法在我的移动 Safari 上运行。现在我在 favicon.ico 上只得到一个加载资源失败 - 无法显示 URL。

【解决方案2】：

我昨天实际上遇到了类似的问题。尝试删除 CACHE: 并仅列出缓存的项目。我偶然发现了这个，它现在似乎可以在 IOS 上为我工作。另外，我在顶部添加了一个注释字段，以确保我可以使缓存无效。我会试试看。

【讨论】：

【解决方案3】：

我也遇到了同样的问题。我在cache.manifest 文件中包含以下几行，它已为我修复。

NETWORK:

*

【讨论】：

【解决方案4】：

我为此苦苦挣扎了 2 个小时，终于成功了！万岁！我已经在缓存中添加了“/”，这就是问题所在......

【讨论】：

你在哪里添加的？