看完本文后在Chrome中调试LESS时所带来的便利有 不用在页面中调用less.js 页面调用less时rel用普通的css写法即可 <link rel="stylesheet" href="style.less">,不用写成 <link rel="stylesheet<strong>/less</strong>" href="style.less"> Chrome开发工具审查元素时可以看到css所在LESS文件的行号,这是最重要的一点 Chrome内置了调试SASS的功能,原理就是将SASS文件映射到同名的CSS文件进行调试,CSS文件格式含有如下格式的调试信息标明源文件名及行数反馈给Chrome开发工具 @media -sass-debug-info{filename{