How can a browser know the scss files?

css browser sass css-preprocessor
Terry Djony picture Terry Djony · Dec 27, 2016 · Viewed 11.2k times · Source

I see this html template, and inspect it using Chrome inspection tool.
I'm surprised to know that my browser can detect the scss files instead of the compiled css one. Then, I push Ctrl+U to view the page source, try to find 'scss' but it gives nothing in result.
So, how does the browser know the scss files?

P.S. I'm new to scss/sass/css pre-processor things

Answer

George Antonakos picture George Antonakos · Dec 28, 2016

You can read this article for more about Sourcemaps: https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

This is mainly used for debugging and most of the times is stripted from production environments (in this case I guess they left it for people to check the actual source code and learn as you did :P)

Related questions

Hiding the scroll bar on an HTML page

Can CSS be used to hide the scroll bar? How would you do this?

Read More
How can I resize an image dynamically with CSS as the browser width/height changes?

I wonder how I could make an image resize along with the browser window, here is what I have done so far (or download the whole site in a ZIP). This works okay in Firefox, but it has problems in …

Read More
Disabling browser print options (headers, footers, margins) from page?

I have seen this question asked in a couple of different ways on SO and several other websites, but most of them are either too specific or out-of-date. I'm hoping someone can provide a definitive answer here without pandering to …

Read More