为什么Chrome devtools会以橙色和斜体显示这些文件夹?

Joh*_* Wu 19 google-chrome google-chrome-devtools

我正在查看Chrome开发者工具中的"来源"标签.一些文件夹是橙色和斜体.这些与"常规"文件夹有何不同(以蓝色显示)?

在此输入图像描述

Nin*_*nja 18

文件夹颜色

  • 蓝色 - 常规文件夹,不包含任何源地图文件
  • 橙色 - 文件夹包含附加源地图的文件(.less/.css或.ts/.js)

资源颜色

  • 黄色 - JS
  • Violet - CSS和字体
  • 绿色 - 图像
  • 灰色 - HTML

  • 谢谢。您能否提供一个偶然地记录这些文件的链接? (4认同)
  • 从技术上讲,橙色文件夹包含蓝色文件夹中包含的文件的原始视图,其中存在源映射。 (3认同)