Chrome 开发者工具中的“会话存储”是啥？

Posted 2023-03-05

【中文标题】Chrome 开发者工具中的“会话存储”是啥？

【英文标题】：What is "Session Storage" in Chrome Developer Tools?Chrome 开发者工具中的“会话存储”是什么？

【发布时间】：2013-12-08 20:09:11

【问题描述】：

Chrome 的开发者工具的资源标签下的会话存储是什么？

会话是服务器端功能，无法从前端访问。

可以使用 Ctrl+shift+I 快捷键来访问开发者工具。

【参考方案1】：

对于 Chrome 59x 版，您可以转到 Chrome 开发人员工具中的“应用程序”选项卡。它适用于您可以放入客户端 javascript 以将其保留在该用户会话中的变量。我将它与 Angularjs 一起使用，如下所示：

$window.sessionStorage.setItem("username", $scope.userLogin.username);

见下图：

【讨论】：

请注意，如果您想与之交互，也可以通过 Chrome Dev Tools JS 控制台访问它

【参考方案2】：

猜测为时已晚，但对其他人来说，chrome 开发工具中显示的会话存储是html5 sessionStorage，而不是服务器端 Session。

【讨论】：

引用的页面以 localStorage 开头 - sessionStorage 记录在页面下方。请参阅 Dominic Watson 的回答。