Chrome DevTools: SASS source file not saved to disk

Question

I followed the instructions provided by Gogle to install the source codes: https://developers.google.com/chrome-developer-tools/docs/css-preprocessors

The source files work, and I see the .scss source link in the Elements tab.

But I have two problems:

1 - When I edit the CSS properties on the Elements tab, the link to the .scss breaks up, and DevTools shows the link to the compiled .css file.

2 - When I press Ctrl on the CSS property on the Elements tab, the Sources tab opens successfully to display the corresponding .scss file. When I change the file inside DevTools and try to save it, DevTools says that the file is saved, but in fact it is not saved to disk (it seems to be saved somewhere else). Thus, sass watch does not update .css because the .scss file is not actually saved to disk.

I use:

-Chrome 33.0.1750.154 m

-Sass 3.3.4

-SimpleHTTPServer

Answer 1

Found the answer in the article: https://medium.com/what-i-learned-building/b4daab987fb0

Chrome DevTools, :

• (DevTools - - - )
• , -, :

Ctrl + css, . " ".

, Chrome . - DevTools.

, Chrome - , " CSS" "".