Chrome DevTools 中的“资源”和“应用程序”有什么区别？答案

【问题标题】：What is the difference between "Resources" and "Application" in Chrome DevTools?Chrome DevTools 中的“资源”和“应用程序”有什么区别？
【发布时间】：2016-08-11 07:26:15
【问题描述】：

我在 Chrome 开发者工具中寻找 Resources 选项卡，直到我看到一个我不认识的名为 Application 的新选项卡才找到它，它看起来包含所有东西那是在旧的Resourcestab 中，但不像以前那样丰富多彩（现在全是灰色的）。

有什么区别？
他们为什么这样做？
为什么它是灰色的而不是彩色的？

【问题讨论】：

标签： google-chrome google-chrome-devtools

【解决方案1】：

Chrome 引入了新功能，并保留了“资源”面板中的所有旧功能。新功能围绕 Progressive Web Apps，即使用 Service Worker。您可以阅读Debug Progressive Web Apps 了解详情。一些非常有用的东西。

【讨论】：

【解决方案2】：

资源面板已重命名为应用程序面板。 “资源”面板中的所有功能在“应用程序”面板中仍然可用。见here

【讨论】：

但是有什么不同呢？他们为什么这样做？为什么它是灰色的而不是彩色的？