javascript - 刷新浏览器时 sessionStorage 消失了 - Javascript

Question

我试图在 sessionStorage 中保留一些数据，但如果我刷新页面或离开链接然后返回，则 sessionStorage 不再存在。

我是 sessionStorage 的新手，如果这是一个明显的解决方法，我很抱歉。

本质上，我将一个数组存储到 sessionStorage 中。

  $scope.addPlant = function(plant) {
    for (i = 0; i < $scope.userPlantList.length; i++) {
      if ($scope.userPlantList[i] === plant) {
        alert("You have already added this plant");
        return;
      }
    }
    $scope.userPlantList.push($scope.currentPlant);
    sessionStorage.setItem("Plants",JSON.stringify($scope.userPlantList));
  };

然后当我想查看所有存储的内容时

  $scope.retreiveList = function() {
    var retrieved = sessionStorage.getItem("Plants");
    $scope.userPlantList = JSON.parse(retrieved);
  }

当我根本不刷新页面/应用程序时，这可以正常工作。

问题:如何让我的 sessionStorage 在刷新/立即重新访问期间持续存在？

Answer 1

通过查看开发人员工具检查数据是否真的消失了

如果您使用 chrome:F12 -> 资源选项卡 -> session 存储。

sessionStorage 与浏览器选项卡一起存在。每当您关闭选项卡时， session 存储数据将被清除。

如果您想要跨选项卡共享的内容，请查找 localStorage。