javascript - HTML5 LocalStorage 似乎已损坏

标签 javascript html webkit local-storage

我正在使用 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/

相关文章:

javascript - knockoutjs 不能对同一个元素多次应用绑定(bind)

ios - WKWebView 内部 UIScrollView : Scrolling Conflict

javascript - 视差滚动问题 - 在 webkit 浏览器中滚动时 div 元素抖动

android - HTML5 Web SQL 动态大小

javascript - 如何连续 20 个月每月显示一条新消息

javascript - 登录“赞”按钮时不会触发 Facebook 事件

javascript - 从 firebase 创建公共(public) REST API

html - 如何保持具有不同比例的图像大小相同?

html - Bootstrap 响应设置不起作用

html - Flexbox 高度问题