本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议，欢迎转载、或重新修改使用，但需要注明来源。 [署名 4.0 国际 (CC BY 4.0)](https://creativecommons.org/licenses/by/4.0/deed.zh)
本文作者: 苏洋
创建时间: 2014年06月22日
统计字数: 7292字
阅读时间: 15分钟阅读
本文链接: https://soulteary.com/2014/06/22/localstorage-limit-test.html
-----
# localStorage 容量测试脚本
说到localStorage，尤其是谈到它到底可以存储多少内容的时候，多数人都会沉默。
有的时候你翻浏览器官方release log要么是没有，如果有，也可能在某个小版本突然变动，现在，外壳浏览器越来越多，这件事情就变的更加棘手了。
浏览器的版本更迭很快，不同的终端，不同的系统，不同的浏览器对于这个问题都可能产生不同的结果。
接下来我会完善一个收集脚本(如果哪位愿意写一个，这里就thank you very much鸟)，统计大家的测试数据，最后公开数据，造福大家。
前端测试脚本已经写好：
- GitHub地址：[https://github.com/soulteary/localStorage-limit-test](https://github.com/soulteary/localStorage-limit-test)
- 在线demo(记得打开console，我略懒，不想写展示逻辑了):[http://soulteary.github.io/localStorage-limit-test/#!/zh-CN](http://soulteary.github.io/localStorage-limit-test/#!/zh-CN)
同样的，代码如果去掉注释和空行，其实也没多少。
```js
(function (cfg) {
"use strict";
/**
* @file: localStorage 测试脚本
*
* @author: [soulteary](soulteary@qq.com)
* @date: 2014.06.20
* @ver: 0.0.1
* @useage:
*
* --global config(all optional):
* {
* "report": "http://www.localstorage.com/build/collect.php", //默认反馈的服务器接口地址
* "admin": "soulteary", //用于展示邮箱用户名
* "email": "@qq.com", //用于展示服务器邮箱
* "api": { //调用页面全局的api
* "user":"pageReport", //自定义的数据展示处理函数
* "server":"serverReport" //自定义的服务端处理函数
* },
* "silence": true //是否静默处理错误
* }
*
* 如果使用`api`，可以在引用脚本的页面声明全局脚本来处理测试返回的数据。
*
*
*
* 如果使用`silence`，那么即使不能连接服务器，也不会提示访问者。
*
*
* --main page config(high priority):
*
*
*
*/
/**
* 保存传递的配置
*/
var config = cfg;
/**
* 如果页面中存在变量`$LST$`
* 则将其配置覆盖默认配置
*/
if (window.$LST$) {
cfg = window.$LST$;
if (cfg.desc === "LocalStorage Test Config") {
for (var _c in cfg) {
config[_c] = cfg[_c];
}
}
}
/**
* 查看浏览器是否支持localStorage
* @returns {boolean}
*/
function supportFeatures() {
try {
localStorage.setItem("soulteary_check", true);
localStorage.removeItem("soulteary_check");
return true;
} catch (e) {
return false;
}
}
/**
* 记录浏览器写入数据，实际写入数据，以及错误信息
* @returns {{process_write: number, browser_write: number, error: object}}
*/
function getQuota() {
try {
//预先清理环境
localStorage.clear();
// 1TB, 显然不可能，因为SQLLite最大支持2GB.
for (var p = 0, q = 1024; p < q; p++) {
//1GB, 如果浏览器忠实于实现SQLLite的话
for (var i = 0, j = 1024; i < j; i++) {
//1MB, 填充测试数据
for (var m = 0, n = 1024; m < n; m++) {
//1KB, 填充测试数据, JS char每个占用4字节
localStorage.setItem(i + ":" + m, (new Array(256)).join('c'));
}
}
}
} catch (e) {
//清理测试带来的环境污染
localStorage.clear();
return {
"process_write": p * 1024 * 1024 + i * 1024 + m,
"browser_write": localStorage.length,
"error": e
}
}
}
/**
* 通过UA获取浏览器和操作系统信息
* @ref ua@kissy
* @returns {object}
*/
function getUA() {
return (function (e) {
function g(a) {
var b = 0;
return parseFloat(a.replace(/\./g,
function () {
return 0 === b++ ? "." : ""
}))
}
function l(a, b) {
var c;
b.trident = 0.1;
if ((c = a.match(/Trident\/([\d.]*)/)) && c[1]) b.trident = g(c[1]);
b.core = "trident"
}
function k(a) {
var b, c;
return (b = a.match(/MSIE ([^;]*)|Trident.*; rv(?:\s|:)?([0-9.]+)/)) && (c = b[1] || b[2]) ? g(c) : 0
}
function d(a) {
var b, c = "",
d = "",
i, h = [6, 9],
f,
p = n && n.createElement("div"),
D = [],
s = {
webkit: e,
trident: e,
gecko: e,
presto: e,
chrome: e,
safari: e,
firefox: e,
ie: e,
opera: e,
mobile: e,
core: e,
shell: e,
phantomjs: e,
os: e,
ipad: e,
iphone: e,
ipod: e,
ios: e,
android: e,
nodejs: e
};
p && p.getElementsByTagName && (p.innerHTML = "<\!--[if IE {{version}}]>