Поддержка исходной карты Sass на хроме не работает

Перед запуском я дважды проверяю StackExchange, и я не нашел другого сайта, который бы соответствовал этому вопросу. Если я пропустил, оправдания.

Я последовал за этим руководством, чтобы включить хром, поддерживающий исходные карты sass, но я не могу заставить его работать.

Самое смешное, что я последовал за другим руководством, чтобы включить поддержку Firefox и работает.

Часть, которая имеет общее назначение, устанавливает config.sass.debug_info = true в рельсах.

Итак, я думаю, что проблема не в рельсах, а в хроме, но я не уверен.

Это моя настройка:

rails 3.2.8
Ubuntu
Chrome 27.0.1453.110

update. Похоже, проблема связана с Chrome 27.x. Если это так, этот вопрос становится ожиданием исправления от разработчиков Chrome. Поэтому я буду исследовать немного больше, если смогу подтвердить, я закрою этот вопрос. Спасибо за ваше время.

update. Так что это правда, это проблема google chrome, спасибо всем за вашу помощь.

Ответ 1

Попробуйте выполнить руководство по этой ссылке. Я только что поставил это сегодня утром, и он отлично работает для меня.

Это позволит вам проверить элемент, а затем найти то, что соответствует соответствующей декларации SCSS.

Ответ 2

Проблема заключается в том, что инструменты разработчика Chrome недавно изменили версию версии, которую он поддерживает. В статье, в которой вы рассказываете, подробно описывается, как настроить старый стиль исходных карт CSS. Тем не менее, Chrome теперь поддерживает версию 3 исходных карт. Новые исходные карты помещают сопоставление в отдельный файл *.css.map вместо встроенного в скомпилированный файл CSS. Преимущества нового формата в том, что он намного меньше и не разбивает стили для более старых интернет-исследователей. Ссылка которую предоставил @justin-smith, должен указывать на вас в правильном направлении. Однако из моих выводов, несмотря на то, что предварительно выпущенная версия 3.3 SASS gem знает, как сгенерировать файлы .map, по-прежнему требуется поддержка от gem sass-rails, чтобы правильно обслуживать эти файлы из конвейера Rails. Я создал репозиторий , чтобы выяснить текущее состояние поддержки исходных карт v3 sass в Rails. Возможно, существует способ короткого замыкания конвейера активов и предварительных копий файла sass gem и поместить их в каталог, который начинается на раннем этапе пути к ресурсам. Однако я не понял, как это сделать.

Ответ 3

У меня просто возникла проблема с получением исходных карт SASS, чтобы работать на моем хосте.... Я совершенно не знал, что может быть решением, потому что был создан файл-карта, был найден тег sourceMappingURL, и все было в порядке, Chrome был настроен, и я даже использовал канарейку-версию..... но потом я получил ее: Я использовал веб-сервер разработки с самоподписанным SSL-сертификатом, который мне нужен для проверки моей аутентификации и т.д. Когда я переключился на простой HTTP без шифрования, мои исходные файлы мгновенно работали.

Ответ 4

Как сказал @gerryster, Chrome теперь поддерживает source maps proposal v 3. Я написал сообщение в блоге о Отладка Rails 4 Исходные файлы CoffeeScript и Sass в Google Chrome.

Ответ 5

Для тех, кто все пробовал и не может заставить исходные карты css работать, убедитесь, что исходная карта действительно доступна через URL. В моем случае правила перезаписи не отображали исходную карту. Как только я изменил это, он сработал немедленно.

Ответ 6

В случае, если кто-то еще окажется здесь после попытки заставить Chrome работать с Sass, вам нужно запустить другую команду для создания исходных карт через командную строку: sass --watch --sourcemap sass/styles.scss:styles.css вместо --debug-info. Новые версии Chrome теперь поддерживают исходные карты вместо информации об отладке in-css.
Дополнительная информация: https://developers.google.com/chrome-developer-tools/docs/tips-and-tricks#debugging-sass