javascript - $sessionStorage 以及如何在 AngularJs 中查看和使用 $sessionStorage

Question

我一直在做一些关于 cookie、sessionStorage、localStorage 的研究，但对 $sessionStorage 的了解很少。

在开发者工具中哪里可以查看 $sessionStorage(如果可以的话)？还是有替代方案，甚至更好的方法？

我在我的应用程序中使用 AngularJs 的 $sessionStorage 来协助用户体验、跟踪过滤器和日期等。

我在 Chrome 的应用程序>>本地存储、 session 存储 Cookie 和所有其他选项下查找了这些参数，但找不到我的应用程序定义 $sessionStorage 值。但他们工作! :D

更新:以下是用法示例:

CookiesAlertController.$inject = ['$scope','$http','$sce','$sessionStorage','GetDataService'];

function showAlert() {
    if (!angular.isDefined($sessionStorage.cookiesAlertNotificationCount)) {
        $sessionStorage.cookiesAlertNotificationCount = 0;
    }
    if (angular.isDefined($sessionStorage.cookiesAlertNotification)) {
        if ($sessionStorage.cookiesAlertNotificationCount === false && $sessionStorage.cookiesAlertNotificationCount > 4) {
            $scope.cookiesAlertNotification = false;
        }
        else {
            $scope.cookiesAlertNotification = true;
        }
    }
    else {
        $scope.cookiesAlertNotification = true;
    }
}

$scope.closeNotification = function () {
    $scope.cookiesAlertNotification = false;
    $sessionStorage.cookiesAlertNotification = false;
    $sessionStorage.cookiesAlertNotificationCount = $sessionStorage.cookiesAlertNotificationCount + 1;
};

Answer 1

$sessionStorage 是一项 AngularJs 服务，位于:https://github.com/gsklee/ngStorage

它允许您读取和写入 $localStorage 和 $sessionStorage，在 session 生命周期内使用这些存储的参数。

您将无法通过开发工具查看这些 $sessionStorage 或 $localStorage 项，但您可以通过将其分配给 来查看这些值代码中的变量。

示例:

var whatIsInMyStorage = $localStorage; // or $sessionStorage; 

您还可以通过调用以下方式清除这些存储项:

$sessionStorage.$reset();
$localStorage.$reset();

我希望这对其他人有帮助。