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

Question

我正在关注＆＃34;来源＆＃34; Chrome开发者工具中的标签。一些文件夹是橙色和斜体。那些与常规＆＃34;有何不同？文件夹（以蓝色显示）？

Answer 1

文件夹颜色

• 蓝色 - 常规文件夹，不包含任何源地图文件
• 橙色 - 文件夹包含附加源地图的文件（.less / .css或 .TS /的.js）

资源颜色

• 黄色 - JS
• Violet - CSS＆amp;字体
• 绿色 - 图片
• 灰色 - HTML

Answer 2

字体似乎是绿色的。至少.woff2