線上程式碼執行器是一款純前端程式碼編輯與預覽工具,支援 HTML、CSS、JavaScript 三種語言的即時編輯和執行。
🔥 功能特點
- 三欄程式碼編輯(HTML / CSS / JS)
- iframe 沙箱安全執行
- console.log / warn / error 輸出捕獲
- 即時預覽模式(300ms 防抖)
- 5 套內建示例程式碼
- 一鍵複製 / 清空程式碼
- 深色模式支援
- 移動端自適應佈局
🏠 使用場景
- 快速測試 HTML/CSS/JS 程式碼片段
- 前端學習與教學演示
- 除錯 UI 元件和動畫效果
- 程式碼面試線上手寫驗證
❓ 常見問題
程式碼執行安全嗎?
程式碼在 iframe 的 sandbox 模式中執行,僅允許指令碼執行,限制了對外部資源的訪問,確保安全性。
為什麼控制台沒有輸出?
請確認程式碼中使用了 console.log() 等方法,並且 iframe 已成功載入執行。如果控制台面板被摺疊,點選面板標題即可展開。