使用localStorage保存整个文件

时间:2010-12-06 17:52:51

标签: javascript html5 local-storage

我想使用localStorage来“缓存”一些主要在移动设备上使用的网络应用中的JS和CSS文件(即带宽限制)。我认为它会起作用:

  1. 该页面加载了一个包含setup.js的小代码,该代码会检查localStorage以查看先前是否已存储bigScriptFile.js
    1. 如果未存储,则会下载并存储bigScriptFile.js以供下次访问。
    2. 如果已存储,则会从bigScriptFiles.js读取localStorage并加载/运行,就好像它像普通文件一样下载(即<script src="http://example.com/bigScriptFile.js"></script>
  2. 我不确定如何做的是步骤1.1 - 存储JS文件。 (我知道我只能在localStorage中存储字符串,而且我知道如何使用JSON.stringify()。)

    当然,它并不像使用escape()那么简单:
    localStorage.setItem('bigScriptFile', escape('myJScode'))存储,和 检索时unescape(localStorage.getItem['bigScriptFile'])

    即使这很容易,我如何使用JS将bigScriptFile.js的内容作为字符串获取?也许通过对返回内容的PHP脚本进行ajax调用?

2 个答案:

答案 0 :(得分:11)

您应该在js文件上放置正确的缓存标头,或者查看HTML5 cache manifest

W3C specification

答案 1 :(得分:3)

您是否看到http://addyosmani.github.com/basket.js/可能适用于您打算做的事情