看起来 LESS 调试自一年前以来已经取得了相当大的进步，我想知道有多少人有使用 Chrome/Canary 中的开发人员工具进行调试的经验。
我试图确保当我调试文件时，元素的 CSS 显示为 LESS 文件，而不是 CSS 文件。当我需要知道 LESS 文件所需的行号时，显示 CSS 行号几乎没有什么用处。我可以在 Firefox 中使用 firebug 和 fireless 执行此操作，但在 chrome 中不起作用
我尝试按照步骤操作here http://robdodson.me/blog/2012/12/28/debug-less-with-chrome-developer-tools/，但是，即使仔细按照说明进行操作，它似乎也无法正常运行。
我正在运行 OSX，通过 node.js 安装了 LESS，并使用 ST2 插件 Less2CSS 来处理保存时的 less 文件。使用命令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 和启用源映射）
想法？
现在，这与 less.js 1.5b4 和 Chrome 30.0.1599.69 完美配合
基本上，您需要确保 lessc 在 css 文件末尾生成有效的源映射 url：
/*# sourceMappingURL=/templates/lwks/css/template.css.map */
并且那.css.map浏览器正在加载文件。如果由于某种原因这仍然不适合您，请检查 chrome://flags启用开发者工具实验 is on
更多详细信息请参见：https://github.com/less/less.js/issues/1050 https://github.com/less/less.js/issues/1050
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
