Metoolzy Code Playground 是一款在线代码编辑器,适用于HTML、CSS和JavaScript — 使用Monaco Editor(与VS Code相同的引擎)。您可以在浏览器上编写代码并实时预览结果。
类似于CodePen、JSFiddle,但完全免费,无需帐户,且代码自动保存在浏览器中。
console.log、console.error、console.warn| 快捷键 | 功能 |
|---|---|
Ctrl+S |
运行代码(刷新预览) |
Ctrl+1 / 2 / 3 |
切换HTML / CSS / JS选项卡 |
Ctrl+` |
切换控制台面板 (Console panel) |
Ctrl+Shift+F |
格式化代码 (HTML + CSS + JS) |
| 功能 | Metoolzy | CodePen | JSFiddle |
|---|---|---|---|
| Monaco Editor (VS Code) | ✅ | ❌ CodeMirror | ❌ CodeMirror |
| 无限制免费 | ✅ | ❌ Pro功能 | ✅ |
| 无需帐户 | ✅ | ❌ | ✅ |
| 自动保存到localStorage | ✅ | ❌ | ❌ |
| 分享URL (压缩) | ✅ pako | ✅ 服务器 | ✅ 服务器 |
| 自定义CDN | ✅ | ✅ | ✅ |
| 捕获控制台 | ✅ | ✅ (Pro) | ❌ |
| 可拖动分隔线 | ✅ | ✅ | ❌ |
不会。代码每秒自动保存到localStorage。重新打开时将恢复最后的代码。
不会。代码直接在URL中编码(不保存在服务器上)。链接永久有效。
目前不支持。仅支持纯HTML、CSS和JavaScript。TypeScript支持正在计划中。