在Chrome或Firefox中使用LESS .js和@media -sass-debug-info调试LESS

Question

根据http://lesscss.org/usage/#using-less-in-the-browser-debugging，我可以启用

<script>
    less = {
        dumpLineNumbers: "mediaquery"
    };
</script>

和debug less在Chrome或Firefox dev-tools/firebug，但我没有看到任何连接的CSS属性和less文件在Chrome开发工具与此选项启用。我确实在生成的<style>标签中获得额外的@媒体信息，但Chrome似乎只是忽略了它。如:

@media -sass-debug-info{filename{font-family:file://http://localhost/web-project/client/style/global/global.less}line{font-family:00031}}
body {
  font-family: Ubuntu;
}

我知道我可以在运行前编译LESS(使用node.js编译器)并启用source-map，但我喜欢使用LESS - LESS .js的客户端解析器进行调试。

我错过了什么，所以我可以这样调试更少?

Answer 1

http://q42。nl/blog/post/35203391115/debug-sass-and-less-in-webkit-inspector-and-save-css-cha描述了Chrome 24的开发版本确实提供了一段时间的实验性支持。我估计Chrome会在那之后放弃支持。

唯一可行的选择似乎是在Firefox中同时使用FireLess和Firebug。如何使用FireLess v2可以阅读:http://bassjobsen.weblogs.fm/fireless-less-v2/

正如前面提到的，sass-sleuth过去也提供过支持。