如何解决HTML5历史记录API-状态对象的最大大小是多少？
|pushState
解决方法
否。此处的规范性文件为http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#dom-history-pushstate，甚至没有提及限制数据大小。但是，建议使用其他限制：
用户代理可能会限制
状态对象添加到会话中
每页的历史记录。
在该示例中可以看到，该规范通常避免提及任何硬性限制，而是由浏览器制造商自行决定。因此，即使规范在将来的某个时刻进行了修订，以考虑数据大小限制的可能性，也不太可能为您提供真实的数字。取而代之的是，它“对于普通用例来说足够大”。
, 规范没有设置限制，但是各种浏览器都有其自身的限制。
Firefox有据可查，正如您所说，它的容量为640kB（“任何人都需要的RAM量”）。
我找不到任何地方列出的Chrome或Internet Explorer，但是一些快速测试显示：
Chrome浏览器至少可以运行10MB（甚至更大），
IE达到了1MB的限制（在IE11中，这是我所需要的全部）。
因此，为未来的人们总结一下：
history.state对象的大小限制为：对于Firefox，为
640kB
1MB
10Mb
function pushState(data,title,url) {
if (data.length > 524282) {
//can\'t push the data to the History API--pass null
history.pushState(null,url);
history.replaceState(null,url);
}
else {
history.pushState(data,url);
history.replaceState(data,url);
}
document.title = title;
}
function beforeNavigate(){
if ($(\"#container\").html().length <= 524282) {
//save current state to history before navigating via ajax
history.replaceState($(\"#container\").html(),document.title,window.location.pathname);
}
}
window.addEventListener(\'popstate\',function (e) {
if (e.state!=null) {
$(\"#container\").html(e.state);
}
else {
//load the partialpage into the container(a full html page is not returned by the ajax query for my site)
$.ajax({
url: location.href,type: \"GET\",success: function (data) {
$(\'#container\').html(data);
}
});
}
});
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。