Devtools не показывает содержимое файлов scss

Из любопытства, просматривая веб-сайт, я хочу понять, как устроены некоторые CSS.

Итак, я открываю инструменты разработчика и проверяю определенный элемент, на правой панели он показывает мне css и ссылку на файлы scss, но я нажимаю на имя файла scss, и мне кажется, что он показывает пустой файл!

Есть ли способ проверить файлы sass / scss со стороннего веб-сайта в devtools?

Это потому, что файл css на этом сайте включает карту источников, но не исходные файлы scss.

Miguel Calderón 09.03.2018 14:29

Thx @ MiguelCalderón, вы имеете в виду, что файлы папок и scss, которые я вижу внутри devtools, генерируются Chrome из файлов CSS, но на самом деле они не отправляются сервером?

Bondifrench 10.03.2018 12:54

На них ссылается исходная карта, но они не присутствуют там, где указано в исходной карте.

Miguel Calderón 10.03.2018 15:58
Оптимизируйте свой CSS с помощью Gerillass: Библиотека Sass для эффективной стилизации
Оптимизируйте свой CSS с помощью Gerillass: Библиотека Sass для эффективной стилизации
Если вы планируете стать веб-разработчиком, вы наверняка слышали о CSS - языке, используемом для стилизации HTML-документов. CSS является неотъемлемой...
4
3
375
1

Ответы 1

Вы можете просмотреть исходный файл SCSS, только если файл исходной карты включен в файлы сайта и был загружен.

Другие вопросы по теме