Parece que a depuração LESS chegou a uma distância decente desde um ano atrás, e eu queria saber quantas pessoas têm experiência com depuração usando ferramentas de desenvolvedor no Chrome / Canary.

Eu estou tentando garantir que quando eu estou depurando um arquivo, CSS do elemento aparece como o arquivo LESS, em vez do arquivo CSS. É de pouca utilidade ter números de linha CSS exibidos, quando preciso saber o número de linha necessário do arquivo LESS. Eu posso fazer isso no firefox com firebug e sem fogo, mas não está funcionando em cromo

Tentei seguir os passosAqui, no entanto, não parece estar funcionando corretamente para mim, mesmo depois de seguir as instruções cuidadosamente.

Estou executando o OSX, tenho o LESS instalado via node.js e estou usando o plugin ST2 Less2CSS para processar o menor arquivo salvo. Usando o comandolessc --line-numbers=mediaquery style.less style.css funciona como esperado e escreve isso no topo do meu arquivo css@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/XAMPP\/xamppfiles\/htdocs\/sandbox\/lessDebug\/style\.less}line{font-family:\000035}}, no entanto, ao inspecionar um elemento, ele ainda captura apenas o arquivo CSS, e não o arquivo LESS.

Eu tenho as preferências necessárias do Chrome ativadas (Suporte para SASS e Ativar os Mapas de origem)

Pensamentos?