What do the different file colors mean? It looks like folders (directories) are always blue, but files can be orange, green grey ...

jimweiler commented 6 years ago

Welcome! Please use this template for reporting documentation issues on https://developers.google.com/web/.

For questions about Chrome DevTools, checkout the google-chrome-devtools tag on StackOverflow. For questions about Chrome, check the google-chrome tag. If you think you've found a Chrome bug, check out our feedback page for more details on how to file it.

Page Affected: https://developers.google.com/web/TODO

What needs to be done?

Please provide description of what's needs to be done here. Please be sure to include the link to the original page and any supporting links/data.

[ ] Appropriate type-something label has been added.
[ ] Appropriate section-something label has been added.

dandv commented 6 years ago

Hey @jimweiler, can you please edit your OP and replace the template with some details about the actual issue?

mauroporras commented 5 years ago

Folder color Blue: Regular folder, doesn't contain any source maps files. Orange: Folder contains files having source maps attached (.less/.css or .ts/.js)

Resource (file) color Yellow: JS Violet: CSS & Fonts Green: Images Grey: HTML

Some references: https://developers.google.com/web/tools/chrome-devtools/workspaces/ https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

google / WebFundamentals

What do the different file colors mean? It looks like folders (directories) are always blue, but files can be orange, green grey ... #6516