From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../index.html" | 186 +++++++++++++++++++++ 1 file changed, 186 insertions(+) create mode 100644 "files/zh-cn/tools/\345\255\230\345\202\250\346\237\245\347\234\213\345\231\250/index.html" (limited to 'files/zh-cn/tools/存储查看器') diff --git "a/files/zh-cn/tools/\345\255\230\345\202\250\346\237\245\347\234\213\345\231\250/index.html" "b/files/zh-cn/tools/\345\255\230\345\202\250\346\237\245\347\234\213\345\231\250/index.html" new file mode 100644 index 0000000000..198d5d5b92 --- /dev/null +++ "b/files/zh-cn/tools/\345\255\230\345\202\250\346\237\245\347\234\213\345\231\250/index.html" @@ -0,0 +1,186 @@ +--- +title: 存储查看器 +slug: Tools/存储查看器 +translation_of: Tools/Storage_Inspector +--- +
{{ToolsSidebar}}
+ +

存储查看器使你能够查看网页使用的多种存储类型。如今，它能够查看如下存储类型：

+ + + +

目前，Storage Inspector仅为您提供存储的只读视图。 但我们正努力让您在将来的版本中编辑存储内容。

+ +

打开存储查看器

+ +

你可以在火狐菜单面板（或工具菜单中显示菜单栏或在 Mac OS X 上）或在键盘上按Shift + F9的web开发者工具的子菜单上打开“存储查看器”

+ +

工具箱显示在浏览器窗口的底部，当打开存储查看器，在工具箱中会被称为“存储”

+ +

+ +

存储查看器用户接口

+ +

存储查看器UI被分为三个主要部分：

+ + + +

+ +

存储树

+ +

存储树列出了存储查看器能够查看的所有存储类型:

+ +

+ +

在每种类型下，对象都是按源组织。对于cache，协议不会区分源。对于IndexedDB或本地存储，源由协议与主机名组成。举个栗子，"http://mozilla.org" and "https://mozilla.org" 是两个不同的源，所有本地存储项不能在它们之间共享。

+ +

在“缓存存储”下，对象按域名和cache的名称进行组织：

+ +

+ +

IndexedDB对象按源组织，然后按数据库名称，最后按对象存储名称：

+ +

+ +

关于Cookies,本地存储和Session存储类型,层级结构它们只有一个级别, 因此存储项直接列在每个域名下

+ +

+ +

你可以点击树中的每个项去扩展或折叠它的子项.树是活动的，所有如果添加一个新的源(例如通过添加iframes)，它将自动添加到每个存储类型中。

+ +

点击一个树项目将在右侧的表部件显示所选项的具体信息。例如点击Cookies存储类型下的源，将会显示所有属于该域名下的cookies信息。

+ +

表部件

+ +

表部件是列出与所选树项（不管是域名还是数据库）一致的所有项的位置。根据存储类型和树项的不同，表中的列数也会有所不同。

+ +

所有表部件的列都可以调整大小的，你可以通过表头的内容-点击去隐藏和显示列和选择你想看到的列。

+ +

+ +

搜索

+ +

在表部件的顶部有一个搜索框:

+ +

+ +

它将对表进行过滤，只显示与搜索项匹配的项。如果它们的任何字段(包括您隐藏的列的字段)包含搜索项。

+ +

从火狐50版本之后, 你可以使用Ctrl + F (Cmd + F on a Mac) 来显示搜索框.

+ +

添加和更新存储

+ +

在最新版本的火狐浏览器中，你还可以使用按钮去刷新当前查看到的存储类型视图，而且在适用情况下添加一个存储条目(你不能在IndexedDB或cache添加新的条目):

+ +

侧边栏

+ +

当你在存储表部件选择任何一行时，侧边栏就会显示所选行的详细信息。如果选中cookie，侧边栏将列出该cookie的所有详细信息

+ +

侧边栏能够解析cookie的值或本地存储项或IndexedDB项，并且将其转换成有意义的对象而不仅仅是字符串。举个栗子:

+ + + +

还可以使用工具箱侧边栏顶部的搜索框过滤显示的值

+ +

Cache 存储

+ +

在Cache存储类型下，你能够看到使用Cache API创建的任何DOM缓存的内容。如果你选择一个cache，你将看到该caches包含的资源列表。对应每个资源，你能看到如下信息：

+ + + +

+ +

Cookies

+ +

当你从存储树中选择Cookies存储类型的一个源时，会在表格小部件中列出该cookies的所有源。cookies表有以下列：

+ + + +
+

提示: 有一些列不会默认显示 — 如果要改变部分列的显示,在已有的表格标题上单击鼠标右键/Ctrl-鼠标左键，而后使用生成的上下文菜单显示/隐藏列

+
+ +

您可以通过双击表格小组件中的单元格内部并编辑它们包含的值来编辑cookie，并通过单击“加号”（+）按钮添加新的cookie，然后将生成的新行编辑为所需的值。
+
+ 您还可以使用每行上下文菜单删除cookie：

+ +

本地存储/Session存储

+ +

当选择与本地存储或会话存储相对应的源时，该表将列出与本地存储或会话存储相对应的所有项的名称和值。

+ +

您可以通过双击Table Widget中的单元格内部并编辑它们包含的值来编辑本地和会话存储项：

+ +

{{EmbedYouTube("oeQzhpoMByw")}}

+ +

您还可以使用上下文菜单删除本地存储和会话存储条目：

+ +

+ +

最后，您可以通过单击“加号”（+）按钮添加新的存储项，然后将生成的新行编辑为所需的值。

+ +

IndexedDB

+ +

在存储树中的索引数据库存储类型中选择源时，该表列出了该源存在的所有数据库的详细信息。 数据库具有以下详细信息：

+ + + +

在存储树中选择IndexedDB数据库时，表中列出了有关所有对象存储的详细信息。 任何对象存储都具有以下详细信息：

+ + + +

+ +

在存储树中选择对象库时，该对象库中的所有项都列在表中。 所有项目都有一个键和一个与之关联的值。

+ +

从Firefox 49开始，您可以使用存储树视图中的上下文菜单删除IndexedDB数据库：

+ +

+ +

如果无法删除数据库（最常见的原因是仍存在与数据库的活动连接），则存储查看器中将显示一条警告消息：

+ +

从Firefox 50开始，您可以使用表格小部件中的上下文菜单删除对象库或特定项目中的所有项目：

+ +

+ +

 

-- cgit v1.2.3-54-g00ecf