专为开发者打造 · 纯前端工具平台↗

想法，在这里
编写 · 运行 · 探索

你的轻量级在线代码实验室。随时编写和预览网页代码，快速处理 JSON、Base64、URL、时间戳和 UUID，无需安装任何软件。

✓ 浏览器内运行✓ 中英双语✓ 无需后端服务

{ JSON }

</> HTML

playground.js⌘ K ···

1
2
3
4
5
6
7
8
9
10
11

const lab = createWorkspace({
  project: 'hello-world',
  theme: 'dark',
  tools: ['json', 'html']
});

function createSomething() {
  return 'Hello, CodeLab!';
}

// Start building something great ✨

JavaScriptUTF-8 · Ln 11, Col 1

terminal ↗

$ codelab run
✓ 预览环境已就绪
➜ http://localhost

⚡即写即预览无需构建步骤

05实用在线工具

02界面语言

100%浏览器本地处理

0无需注册账号

01 / TOOLKIT

开发工具，触手可及

专注常用操作，让日常开发少一点重复、多一点效率。

在线工作台

仅在本地浏览器处理

JSON 输入

支持标准 JSON；不接受注释或末尾多余逗号。

02 / PLAYGROUND

你的浏览器，就是实验室

编写 HTML、CSS 与 JavaScript，点击运行，即刻查看预览效果。

隔离预览环境

支持 Tab 缩进 · Ctrl/⌘ + Enter 运行UTF-8

点击运行以更新预览

ⓘ 预览在受限 iframe 中运行；请勿粘贴不可信的代码。代码不会被上传到本站服务器。

03 / SNIPPETS

常用代码，一键取用

从简单示例开始，把时间留给真正有挑战性的事情。

04 / GUIDE

简单三步，立即开始

无需账号或安装程序，从浏览器打开 CodeLab 就能使用。

◎

选择工具

打开工具箱，找到需要的转换和格式化功能。

⌘

编写与调试

在代码实验室编辑 HTML、CSS、JavaScript 并运行预览。

↗

复制结果

一键复制代码片段或转换结果，放进你的项目。

BUILT FOR BUILDERS

少一点繁琐，多一点创造。

CodeLab 是一个轻量的静态开发者工具站。没有登录门槛，也不需要把你的代码上传到服务器进行处理。

开始探索

想法，在这里编写 · 运行 · 探索