Chrome DevTools中“资源”和“应用程序”之间有什么区别？

Question

我一直在寻找Chrome开发者工具中的Resources标签，直到我看到有一个我不认识的新标签名为Application之后才能找到它，它看起来像是包含旧Resources标签中的所有内容，但不像之前一样丰富多彩（现在全部为灰色）。

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

Answer 1

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

Answer 2

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