【问题标题】:html5 local storage for offline viewinghtml5本地存储供离线查看
【发布时间】:2011-12-30 18:32:10
【问题描述】:

我有一个文件夹,其中包含 html 文件、图像、样式表和 js。 我已将它上传到服务器,当我在 ipad 上打开它时,所有内容都应存储在 iPad 上以供离线查看。如何使用网络存储/本地存储来完成? 我试过离线缓存,但它有 5MB 的限制

【问题讨论】:

    标签: html local-storage


    【解决方案1】:

    您的网络服务器必须通过添加来支持这一点

    AddType text/cache-manifest .manifest
    

    到您的 .htaccess 或服务器配置。

    那么你需要一个清单文件,上面写着客户端“将这些文件存储在本地”。只需创建一个空白文件,将其命名为“data.manifest”并添加以下内容:

    CACHE MANIFEST
    
    CACHE
    index.html
    style.css
    etc..
    

    您可以在此清单文件中执行更多操作。我考虑使用谷歌或搜索这个。

    至少您必须编辑您的<html>-tag,以便将清单文件添加到您的站点。

    <html manifest="/data.manifest" />
    

    就是这样。浏览器应该会询问您是否应该在本地存储数据。

    【讨论】:

    • 我试过了,但是限制是5MB,我的数据大小是50MB
    • 好吧,那么你必须缩小数据,否则你必须等待苹果将来修复它。顺便说一句,单页 50MB 的数据真的很大。有没有想过 PhoneGap?
    • 文件夹的总大小是50MB,我看过可以通过Web SQL Databases完成,有没有好心的朋友?
    • 从未使用过本地存储数据库,但我认为那里有一些教程。您只需将文本存储在该数据库中(也许还有图片)并希望它会减小文件夹的大小
    【解决方案2】:

    您必须将您的应用一分为二。下载器和实际应用程序。

    下载器会一次性下载所需文件并保存到localstorage/webstorage。保存后,您的应用程序可以直接从本地副本加载。下载器部分将使用缓存清单机制保存。

    我目前正在开发一个以相同方式工作的应用程序。

    注意:JS和CSS文件可以直接保存到localstorage,但是图片需要转base64才能使用。注意 base64 的大小限制。

    http://en.wikipedia.org/wiki/Data_URI_scheme

    【讨论】:

      猜你喜欢
      • 2019-06-20
      • 2016-01-02
      • 2012-03-06
      • 1970-01-01
      • 2013-05-25
      • 2011-01-09
      • 2015-03-26
      • 1970-01-01
      • 2012-08-25
      相关资源
      最近更新 更多