传智博客
快捷导航
蚂蚁部落 网站首页 前端教程 谷歌工具 查看内容

栏目导航

谷歌浏览器管理Storage, Databases 和 Caches

2017-8-11 17:45| 发布者: antzone| 查看: 202| 评论: 0|来自: 蚂蚁部落

传智播客

通过谷歌开发者工具的Application面板可以检查和管理Storage、 Databases和Caches。

一.Local storage:

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/175058xfbbbii75d119iic.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

点击侧栏的Local storage可以展开所有站点的本地存储,点击对应站点,右侧会展现键值对列表。

可以对键值对有如下操作:

(1).双击某个键或值来进行编辑。

(2).双击一个空单元格可以添加一个新的键值对。

(3).单击键值对,然后点击顶部的删除按钮删除对应的键值对。也可以从Clear storage单击一个按钮来清除所有本地存储数据,图示如下:

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/175523iaisipivssiqllca.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

(4).如果在与某个页面交互中创建,删除或修改键值对,不会实时看到这些变化更新,点击顶部refresh按钮来查看这些更改。

二.Session storage:

对它的管理与Local storage非常类似,这里就不多介绍了。

三.IndexedDB:

点击展开IndexedDB,下面的第一级是数据库。

如果有多个数据库处于活动状态,那么将看到多个条目。

在下面的屏幕截图中,页面中只有一个活动状态的数据库:

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/181516v6dpsh11fc2p41uh.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

单击数据库的名称可以查看该数据库的安全来源(主机地址),名称和版本:

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/181600m72sps00bsh9sbhh.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

展开数据库可以查看其键值对:

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/181711x68l1hzwbbxr4pkk.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

展开一个值,然后双击可以编辑该值。添加,修改或删除值时,这些更改将不会实时更新。

单击刷新按钮以更新数据库:

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/184712iktd2dkumz0ipdy0.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

在Start from key文本字段中输入一个键值,以进行筛选操作:

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/185047ykokmu2k928k8f8m.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

当添加,修改或删除值时,这些更改将不会实时更新。单击点击refresh按钮来更新数据库。 

 单击clear object store按钮可以从数据库中删除所有数据。

还可以通过单击Clear storage来完成此操作,以及注销service workers并删除其他存储和缓存。

四.Web SQL:

使用Web SQL查询和修改 Web SQL 数据库:

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/185418plwenawxakdawlzr.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

单击数据库名称可以打开该数据库控制台。你可以在这里执行数据库语句。

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/185529vyszbkznarhww3cl.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

点击一个数据库表查看该表的数据:

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/185612ftaxd2pg7chtbtyc.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

说明如下:

(1).不能在这里更新值,但是你可以通过数据库控制台更新(见上文)。
(2).点击列头 可以按列排序该表。
(3).对表所做的更改不会实时更新,点击refresh按钮来查看你的更新。

(4).在Visibile columns(可见列)文本字段里中输入用空格或逗号来分隔的列名称,将仅显示的那些列。

五.Application Cache:

使用Application Cache窗格来检查资源和通过应用缓存 API创建的规则。

a:3:{s:3:\"pic\";s:43:\"portal/201708/11/190007maa1p1z1wyfajaau.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

每一行代表一个资源。

Type列将具有下列值之一:

(1).Master - 在资源上的 manifest 属性表示此缓存是它的主人。

(2).Explicit - 此资源在清单中明确列出。

(3).Network - 该清单指定的资源必须来自网络。

(4).Fallback - 在 Resource 列中的URL 被回退为另一个URL(不在 DevTools中显示)。

在表的底部有状态图标指示您的网络连接和应用程序缓存的状态。

应用程序缓存可以具有以下状态:

(1).IDLE - 高速缓存中有没有新的变化。

(2).CHECKING - 该清单正在读取和已检查更新。

(3).DOWNLOADING - 资源是被添加到缓存中。

(4).UPDATEREADY - 缓存在一个新版本中可以使用。

(5).OBSOLETE - 正在删除缓存。


鲜花

握手

雷人

路过

鸡蛋

最新评论

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2017-12-13 05:40 , Processed in 0.067917 second(s), 21 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

返回顶部