使用localStorage保存整个文件

Question

我想localStorage用来"缓存"一些主要在移动设备上使用的Web应用程序中的JS和CSS文件(即带宽限制).我认为它会像这样工作:

1. 页面加载一个小的setup.js包含代码,用于检查先前localStorage是否bigScriptFile.js已存储过.
   1. 如果未存储,bigScriptFile.js则下载并存储以供下次访问.
   2. 如果它已经存储,则bigScriptFiles.js从中读取localStorage并加载/运行,就像它像普通文件一样下载(即<script src="http://example.com/bigScriptFile.js"></script>)

我不确定该怎么做的是步骤1.1 - 存储JS文件.(我知道我只能存储字符串localStorage,我知道如何使用JSON.stringify().)

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

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

Answer 1

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

W3C规范.