HTML5中sessionStorage最大容量是多少?

HTML5中sessionStorage最大容量是多少?,第1张

目前最大的应该是支持5M的最大容量。

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。

sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。

不同浏览器对 HTML5 的本地存储大小基本均有限制,一个测试的结果如下:

IE 9          >4999995 + 5 = 5000000。

firefox 22.0 >5242875 + 5 = 5242880。

chrome  28.0  >2621435 + 5 = 2621440。

safari  5.1   >2621435 + 5 = 2621440。

opera   12.15 >5M (超出则会d出允许请求更多空间的对话框)。

1.现在的网页,已进入HTML5时代,包含许多高级语言和媒体元素,这些都需要加载大量的支持库或插件,所以,浏览器功能齐全的,不可能占用内存很少。

2、相反的,现在最快的浏览器,据国外权威机构最新的评测,分别是谷歌浏览器、火狐和win10新出的edge浏览器。这些都是比较占内存的。

3、换句话来解决,现在最快的浏览器,基本上都是多核心多线程的,充分利用内存资源做加速,才能达到最快最流畅的感觉。

每个浏览器对localstorage的支持大小是不一样的,chrome是5M ,IE10是1630K你可以用下面的js匿名函数测试不同浏览器对localstorage的支持大小

(function() {

    if(!window.localStorage) {

        console.log('当前浏览器不支持localStorage!')

    }    

    var test = '0123456789'

    var add = function(num) {

        num += num

        if(num.length == 10240) {

            test = num

            return

        }

        add(num)

    }

    add(test)

    var sum = test

    var show = setInterval(function(){

        sum += test

        try {

            window.localStorage.removeItem('test')

            window.localStorage.setItem('test', sum)

            console.log(sum.length / 1024 + 'KB')

        } catch(e) {

            alert(sum.length / 1024 + 'KB超出最大限制')

            clearInterval(show)

        }

    }, 0.1)

})()

IE的测试结果

chrome的


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/8323478.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存