Application面板简介

该面板主要是记录网站加载的所有资源信息,包括存储数据(Local Storage、Session Storage、IndexedDB、Web SQL、Cookies)、缓存数据、字体、图片、脚本、样式表等。

这个面板跟前前面几道硬菜(Network面板Timeline面板Profiles面板)比起来简单多了,这里就稍微作一下介绍:

  • Local Storage 如果你在开发过程中使用了local storage来存储键值对(KVPs),那么你就可以通过Local Storage窗格来检查、新增、修改、删除这个键值对。
  • Application Cache 你可以使用Application Cache窗格去查看通过Application Cache API创建的资源。
  • Frames 将页面上的资源按frame类别进行组织显示。

Frames窗格

在上图中可以查看到顶级的top是一个主文档,在top下面是主文档的FontsImagesScriptsStylesheets等资源。最后一个就是主文件自身。

在资源上右击后在弹出菜单选择Reveal in Network Panel,就会跳转到Network面板并定位到该资源的位置。

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式