我正在使用 BootUp.js ( https://github.com/TradeMe/bootup.js ) 将 CSS 和 JavaScript 文件加载并存储到 HTML5 LocalStorage 中。该网站以移动设备为中心,因此节省时间并提高速度是非常好的!然而,我注意到奇怪的情况是 CSS(在 JS 中从未注意到)在存储中被损坏,因此网站渲染得很糟糕,直到存储被清除并从服务器重新获取 CSS 文件。
我发现这种情况在 iPhone 4 (iOS 6) 上的 Safari、Galaxy S3 上的 Chrome 和 Nexus 7 上的 Chrome 上偶尔发生 - 所以它似乎并不限于任何特定的设备、浏览器或操作系统。这是一个以前遇到过的问题吗?数据是否有可能只是以某种方式损坏了? WebKit 是否存在任何已知问题(我猜)可能会导致此问题?
我计划通过存储某种可以在 JS 中生成的校验和来实现解决方法,以确保数据完全存在。如果没有,请将其清除并从服务器获取。
最佳答案
我首先使用这个: http://arty.name/localstorage.html
由于明显的内存限制,移动浏览器往往会削减存储空间。即使缩小了,您的 CSS 和 Javascript 也可能太大。
对于此行为,我能想到的另一件事是,localStorage
在开始保存并同时刷新页面时可能会损坏。我不熟悉浏览器的具体工作原理,但我猜测它们可能会在中间停止保存。
另外,请看这里: http://hacks.mozilla.org/2012/03/there-is-no-simple-solution-for-local-storage/
关于javascript - HTML5 LocalStorage 似乎已损坏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16795823/