写好一段 Pug（曾用名 Jade）模板，填上数据 JSON，点一下就在浏览器里把模板渲染成标准 HTML，插值、循环、条件、Mixin 一次性展开。出错会标出第几行第几列，不用在本机装 Node 或构建工具。
编译由 pug.js 在浏览器本地完成，不依赖服务器，刷新页面即可重新编译。本工具不会去加载 extends/include 引入的外部 .pug 文件，需要的内容请直接写在模板里。
发布日期: 2026-09-11
描述: Pug模板在线预览工具用于在浏览器里把 Pug 模板实时渲染成标准 HTML，支持数据绑定与循环条件语法，帮助前端快速校验模板输出结果。
使用方法: 1. 在左侧写 Pug 代码、填数据 JSON，编辑器带语法高亮，按 Ctrl+Enter 直接编译。2. 勾选「美化输出」可得到带缩进的 HTML。3. 点「编译」后右边显示渲染结果，出错会标出错误的行列位置并给出提示。4. 可以复制 Pug 源码、复制或下载生成的 HTML。注意：本工具不加载 extends/include 的外部文件，需要的内容请直接写在模板里。
LESS在线编译器用于在浏览器里把 LESS 代码编译成标准 CSS，实时显示编译结果与错误位置，支持压缩输出，帮助前端快速预览样式效果、验证嵌套与变量的写法。
PHP在线运行器工具用于在浏览器里执行 PHP 8 代码，支持标准输入读取、报错信息显示与运行超时终止，帮助学习者调试代码。
TOML与JSON在线互转工具用于把 TOML 配置文件与 JSON 数据在浏览器里双向转换，支持嵌套表、数组表和各类数据类型，帮助开发快速读取或生成配置。
暂无评论，来发表第一条评论吧！