我的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/