为什么Chrome devtools会以橙色和斜体显示这些文件夹？ [英] Why does Chrome devtools show these folders in orange and in italics?

问题描述

我正在查看Chrome开发者工具中的来源标签。一些文件夹是橙色和斜体。那些与常规文件夹有什么不同（以蓝色显示）？

解决方案

文件夹颜色 >蓝色 - 普通文件夹，不包含任何源地图文件

橙色 - 文件夹包含附有源地图的文件（.less / .css或
.ts / .js）

资源颜色

• 黄色 - JS


• Violet - CSS&字体


• 绿色 - 图片


• 灰色 b

I'm looking at the "Sources" tab in Chrome developer tools. Some of the folders are orange and in italics. How are those different from the "regular" folders (shown in blue)?

解决方案

Folder color

• Blue - Regular folder, not contains any source maps files
• Orange - Folder contains files having source maps attached (.less/.css or .ts/.js)

Resource color

• Yellow - JS
• Violet - CSS & Fonts
• Green - Images
• Grey - HTML

这篇关于为什么Chrome devtools会以橙色和斜体显示这些文件夹？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！