我的webapp主要用于移动设备,因此我希望存储静态CSS和JS文件以减少加载时间。甚至Google和Bing似乎都用我在某个地方阅读的技巧。

尽管我知道获取和设置值很容易:

// Put the object into storage
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the object from storage
var retrievedObject = localStorage.getItem('testObject');

...但是我不确定如何设置,获取和渲染/执行CSS样式表和Javascript文件。任何例子都会有所帮助。

最佳答案

也许您正在寻找appCache,它可以一次下载文件源,并仅检查是否修改了appcache文件以更新您的源。

这真的很容易实现。

更新您的html

<html manifest="myfile.appcache">

创建您的应用程序缓存文件:元素根文件夹中的myfile.appcache
CACHE MANIFEST
# LIST ALL YOUR FILES

NETWORK:
*

有关更多信息,请参见官方文档:http://www.w3schools.com/html/html5_app_cache.asp

来自html5rocks的好的解释:http://www.html5rocks.com/en/tutorials/appcache/beginner/

10-07 14:45