处理与hashbang

Question

多个选项卡我有一个单页的应用程序，可以有多个标签，每个标签做不同的动作打开。但是，如果用户点击刷新或返回，他们会失去他们正在处理的所有内容。有没有办法，可能是结合了hash-bangs和cookie，以防止丢失？例如，如果用户要刷新，则他们使用的所有选项卡将被打开。

Answer 1

我建议不要饼干，因为它们导致不必要的开销到HTTP请求。

AmplifyJS提供跨浏览器支持用于持久性数据，使用localStorage尽可能与回退到sessionStorage，globalStorage和userData（IE）。

Answer 2

您可能需要使用onbeforeunload事件。这个事件在用户“卸载”（刷新/重定向/等）之前调用（顾名思义），它允许你警告用户他试图摆脱未保存数据的页面。

window.onbeforeunload = function(e) { 
    e = e || window.event; 
    var warning = 'You\'ve made changes to this page. Are you sure you don\'t want to save them?'; 

    if(e) { 
    e.returnValue = warning; 
    } 

    return warning; 
} 

查看MDN Docs了解有关该事件的更详细概述。

有大量的方法来保存数据，如localStorage，IndexedDB，AJAX到服务器和（最后）Cookies。