如何在Chrome中调试LESS?

Dun*_*can 11 css debugging google-chrome less source-maps

看起来LESS调试距离一年前还有一段距离,我想知道有多少人在Chrome/Canary中使用开发人员工具进行调试.

我正在努力确保在调试文件时,元素的CSS显示为LESS文件,而不是CSS文件.当我需要知道LESS文件的必需行号时,显示CSS行号很有用.我可以使用firebug和fireless在firefox中执行此操作,但它不适用于chrome

我试着按照这里的步骤进行操作,但是即使仔细按照说明操作,它似乎也没有正常运行.

我正在运行OSX,通过node.js安装LESS,并使用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和启用源地图)

思考?

Rui*_*iro 0

我认为你提到的问题并不相关。

据我了解,您在服务器端编译 LESS 文件,而您想要做的就是检索新的 css 文件而不是缓存的文件?我对吗?

您是否尝试过禁用谷歌浏览器上的缓存