瀏覽器localStorage在每個頁面刷新

Question

我已經編碼了一個彈出div，我希望每個用戶每次訪問該網站時都顯示一次，為此，我可以將其匯總如下，但不幸的是，它似乎在我訪問該網站的每個頁面上都會彈出：

//COOKIE POLICY POP-UP
$(document).ready(function () {

if (localStorage.getItem('pops') != 'visible') {
    setTimeout(function () {
        $('#cookie_popup').css('bottom', '0');
    }, 1000);

    $('#cookie_popup a.button').click(function () {
        $('#cookie_popup').css('bottom', '-100px');
    });

    localStorage.setItem('pops', 'visible');
}

});

window.onbeforeunload = function () {
    localStorage.removeItem('pops');
};

編輯：正如下面的評論所指出的那樣，需要刪除最后一部分window.onbeforeunload，以保留整個會話的緩存。

Answer 1

 window.onbeforeunload = function () { localStorage.removeItem('pops');}; 

正在刪除該標記，以便每次您進入頁面時，該標記都不存在，並顯示彈出窗口。 刪除該部分，並確保您在每次測試之前自己手動清除localStorage 。