← 工具箱
前端代码沙盒
HTML / CSS / JS 实时运行，console 输出会被捕获到右侧面板。运行在隔离 iframe 中，纯前端。
HTML
<div id="app"></div> <button id="btn">点我</button>
CSS
#app{color:#333;font-size:20px;padding:12px} #btn{padding:8px 14px}
JS
const app=document.getElementById('app'); app.textContent='Hello, 零栈工坊'; document.getElementById('btn').onclick=()=>{ console.log('按钮被点击', new Date().toLocaleTimeString()); app.style.color='#'+(Math.random()*0xffffff|0).toString(16).padStart(6,'0'); }; console.info('沙盒已就绪');
运行 ▶
清空控制台
提示：JS 错误会显示在控制台面板