Как отладить LESS в Chrome?

Похоже, что отладка LESS пришла на приличное расстояние, так как еще год назад, и мне было интересно, сколько людей имеют опыт отладки с помощью инструментов разработчика в Chrome/Canary.

Я пытаюсь обеспечить, что когда я отлаживаю файл, элемент CSS отображается как файл LESS, а не файл CSS. Не имеет смысла указывать номера строк в CSS, когда мне нужно знать номер строки LESS. Я могу сделать это в firefox с firebug и без огней, но он не работает в хроме.

Я попытался выполнить шаги здесь, однако он, похоже, не работает для меня правильно даже после тщательного ознакомления с инструкциями.

Я запускаю OSX, LESS установлен через node.js, и я использую плагин ST2 Less2CSS для обработки меньшего файла при сохранении. Использование команды lessc --line-numbers=mediaquery style.less style.css работает так, как ожидалось, и записывает это в начало моего файла css @media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/XAMPP\/xamppfiles\/htdocs\/sandbox\/lessDebug\/style\.less}line{font-family:\000035}}, однако при проверке элемента он все еще только захватывает файл CSS, а не файл LESS.

У меня есть необходимые настройки Chrome (поддержка SASS и включение исходных карт)

Мысли?

Ответ 1

Теперь это прекрасно работает с less.js 1.5b4 и Chrome 30.0.1599.69

В принципе, вам нужно убедиться, что lessc генерирует правильный URL-адрес исходной карты в конце вашего файла css:

/*# sourceMappingURL=/templates/lwks/css/template.css.map */

и что файл .css.map загружается браузером. Если это по какой-то причине не работает для вас, проверьте флажки chrome://flags Включить эксперименты с инструментами для разработчиков

enter image description here

подробнее здесь: https://github.com/less/less.js/issues/1050

Ответ 2

Blog post author here... Я вернулся и обновил свой пост, поэтому теперь он работает с обычным Chrome 26. Только что зарегистрировался в Canary и , похоже, он больше не работает. Итак, Chrome 24 - 26 хороши, но Канарские острова разоряются.

Ответ 3

Я думаю, что связанные с вами проблемы не связаны.

Насколько я понимаю, вы компилируете свой LESS файл на стороне сервера, и все, что вы хотите сделать, - это получить новый файл css, а не кешированный? Я прав?

Вы пытались отключить кеш на google chrome?