В папке CSS есть два файла с расширениями .map. Это:какие файлы .map используются в Bootstrap 3.x?
bootstrap-theme.css.map
bootstrap.css.map
Они, кажется, миниатюрные файлы, но я не знаю, для чего они предназначены.
От Working with CSS preprocessors in Chrome DevTools:
Многие разработчики генерировать CSS таблицы стилей с помощью CSS препроцессора, такие как Sass, Less, или стилусом. Поскольку файлы CSS генерируются, редактирование файлов CSS напрямую не так полезно.
Для препроцессоров, поддерживающих исходные карты CSS, DevTools позволяет вам редактировать исходные файлы препроцессора в панели «Источники» и просматривать результаты без необходимости покидать DevTools или обновлять страницу. Когда вы проверяете элемент, стили которого предоставляются сгенерированным файлом CSS, на панели «Элементы» отображается ссылка на исходный исходный файл, а не на сгенерированный файл .css.
Это исходные карты. Предоставьте их вместе с файлами сжатого источника; инструменты разработчика, такие как в Firefox и Chrome, будут использовать их для отладки, как если бы код не был сжат.
Бутстрап css может быть сгенерирован Менее. Основная цель файла карты используется для связывания исходного кода css с меньшим количеством исходного кода в инструменте chrome dev. Как мы и делали. Если мы проверим элемент в инструменте chrome dev. вы можете увидеть исходный код css. Но если включить файл карты на страницу с помощью загрузочного файла css. вы можете видеть меньше кода, который применяется к стилю элемента, который вы хотите проверить.
Если вы просто хотите, чтобы избавиться от ошибок, вы также можете удалить эту строку в bootstrap.css:
/*# sourceMappingURL=bootstrap.css.map */
Для тех, кто пришел сюда в поисках этих файлов (как я), вы можете обычно находить их путем добавления .map к концу URL:
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css.map
обязательно замените версию с любой версией Bootstrap вы используете.
Вы когда-нибудь нашли себя жалея, что Вы могли бы сохранить свой код на стороне клиента для чтения и, что более важно, даже после того, как отладке вы соединяли и уменьшенная его, не оказывая влияния на производительность? Ну, теперь вы можете через магию исходных карт.
This article объясняет исходные карты, используя практический подход.
Этот ответ объясняет, что они используются в сочетании с препроцессорами CSS - кое-что, что я еще не изучил. Спасибо – wetjosh
Похоже, что это аналогичные [отладочные символы] (http://en.wikipedia.org/wiki/Debug_symbol) на языке программирования, нет? –
@ChrisSimmons звучит как хорошая аналогия со мной –