写好一段 LESS,点一下就把它编译成标准 CSS,嵌套、变量、混入一次性展开。出错会标出第几行第几列,不用在本机装 Node 或构建工具。
编译由 less.js 在浏览器里完成,不依赖服务器,刷新页面即可重新编译。本工具不会去拉取 @import 引入的外部文件,需要的内容请直接写在代码里。
发布日期: 2026-09-11
描述: LESS在线编译器用于在浏览器里把 LESS 代码编译成标准 CSS,实时显示编译结果与错误位置,支持压缩输出,帮助前端快速预览样式效果、验证嵌套与变量的写法。
使用方法: 1. 在左侧写 LESS 代码,或用「示例代码」下拉挑一个模板,编辑器带语法高亮,按 Ctrl+Enter 直接编译。2. 勾选「压缩输出」可得到去掉空格换行的精简 CSS。3. 点「编译」后右边显示生成的 CSS,出错会标出错误的行列位置并给出提示。4. 可以复制 LESS 源码、复制或下载生成的 CSS。注意:本工具不加载外部 @import 的文件,需要的内容请直接写在代码里。
暂无评论,来发表第一条评论吧!