点击 KVP ，然后按 Delete 按钮 (

) 可以删除该 KVP。 只需点击一次按钮，即可从Clear storage窗格擦除所有本地存储数据。

如果您使用一种可以创建、删除或修改 KVP 的方式与页面交互，则不会看到这些更改实时更新。 点击 refresh 按钮 (

) 可以查看您的更改。

  操作2：Session storage

   Session Storage 窗格与 Local Storage 窗格的工作方式相同。 参阅上面的本地存储部分，了解如何查看和编辑会话存储。

  操作3：IndexedDB

  a.使用 IndexedDB 窗格可以检查、修改和删除 IndexedDB 数据。展开 IndexedDB 窗格时，IndexedDB 下的第一个级别是数据库。 如果存在多个活动的数据库

，您会看到多个条目。 在下面的屏幕截图中，页面只有一个活动的数据库。

b.点击数据库的名称可以查看该数据库的安全源、名称和版本。

c.展开数据库可以查看其键值对 (KVP)。

d.使用 Start from key 文本字段旁的箭头按钮可以在 KVP 的页面之间移动。展开值并双击可以编辑该值。在您添加、修改或删除值时，这些更改不会实时更新。

点击 refresh 按钮可以更新数据库。

e.在 Start from key 文本字段中输入键可以过滤出值小于该值的所有键。

说明：

在您添加、修改或删除值时，这些更改不会实时更新。 点击 refresh 按钮 (

) 可以更新数据库。点击 Clear Object Store 按钮 (

) 可以删除数据库

中的所有数据。 从Clear storage窗格中，点击一次按钮注销服务工作线程并移除其他存储与缓存也可以实现此目标。

 

4、安全面板(Security)

（1）Security面板

 

 （2）简要分析

   a.使用安全面板调试混合内容问题，证书问题等等。

   b.提供了重要的安全性和数据完整性。

   c.在Chrome DecTools中使用Security面板调试安全问题前，请确保您已经在自己的网站上恰当地实现了https。

   d.使用 Security Overview 可以立即查看当前页面是否安全。

   e.检查各个源以查看连接和证书详情（安全源）或找出具体哪些请求未受保护（非安全源）。

 （3）实际操作

   操作1： Security Overview