Chrome开发者工具无法查看localStorage键

Question

我正在尝试使用localStorage存储一些值来完成一个简单的JS练习，但当我尝试使用Chrome开发者工具检查这些值时，我无法看到键。

有没有设置可以让我看到每个键?

---

编辑:

我正在尝试使用以下代码设置此值

localStorage.setItem('Try', 'This is a try');
console.log(localStorage.getItem('Try'));

并且 "This is a try" 在控制台中被正确记录。

- ArenaLor

---

你是如何尝试设置这些值的？展示一下代码。或者，你是通过直接在存储中写入数据而不使用JS来手动设置它吗？ - Calvin Nunes

信不信由你，This is a try 是你的键，而不是值。右侧应该有另一列标记为“值”，其中显示该值（您会注意到图像中的 This is a try 在标记为“键”的列中）。 - Kaddath

实际上，@Kaddath，你错了，正如irvins所说，只是窗口被移动到最上面；“Try”是键，“This is a try”是值。 - ArenaLor

解决了我的问题，但你说得对，这并不明显。顶部窗口完全覆盖了下面的键/值表窗口。+1 - Yogi

Answer 1

您的窗口显示的值似乎已经移动到了最上方

将鼠标悬停在"This is a try"和"Key"之间的线上，点击并向下拖动。

然后您应该能够看到被覆盖的屏幕。

- irvins

---

太奇怪了，这种情况经常发生但完全不清楚，谢谢。 - returnvoid

@irvins 谢谢！我一直在键盘上敲打，试图弄清楚这个问题。 - Flavio

或者按照以下步骤进行操作：https://learn.microsoft.com/zh-cn/microsoft-edge/devtools-guide-chromium/customize/localization#reverting-all-devtools-settings-to-the-defaults，如果链接无法打开（打开开发工具>单击设置图标>单击重置设置[首选项页面中的最后一个选项]）。 - Ankit

@Ankit 这太疯狂了 - 我必须在每次使用开发工具时都这样做。每次查看应用程序时都是如此！我正在使用最新的Chrome浏览器。有没有永久性的解决方法或变通方法？ - Tsar Bomba

@TsarBomba 我只遇到过这个问题一次，所以不确定是什么原因导致的。如果你发现了任何问题，请告诉我们。 - Ankit

Answer 2

我通过点击按钮 Chrome 开发者工具 > 设置 > 首选项 > 恢复默认值并重新加载 来解决了这个问题。

- Alex