常見問題
關於線上編譯器、預覽行為、本機儲存和工作流程的解答。
什麼是 HTML CSS JS 編譯器？
一種線上工作區，將 HTML、CSS 和 JavaScript 合併為即時瀏覽器預覽，便於快速撰寫和測試 frontend 程式碼。
可以同時執行 HTML、CSS 和 JavaScript 嗎？
可以。預覽文件將 CSS 注入 style 標籤，將 JavaScript 注入 script 標籤，包裹您的 HTML。
編譯器免費嗎？
核心 playground 可在瀏覽器中使用，基本功能無需註冊帳號。
需要安裝什麼嗎？
不需要。開啟網站即可編輯。現代瀏覽器即可。
編譯器在手機上能用嗎？
可以。編輯器、執行、預覽和 Console 針對小螢幕採用分頁面板配置。
程式碼在瀏覽器中執行嗎？
是的。預覽渲染和腳本執行在 sandbox iframe 中本機進行。
可以下載程式碼嗎？
可以。下載會產生包含 HTML、CSS 和 JavaScript 的獨立 index.html。
可以測試 JavaScript 嗎？
可以。使用 JavaScript 面板，執行後檢查 Console 訊息和執行階段錯誤。
可以測試響應式設計嗎？
可以。切換桌面、平板和手機預覽寬度並查看 viewport 標籤。
編譯器會儲存程式碼嗎？
正常編輯啟用本機儲存時，面板可能透過 localStorage 儲存在此瀏覽器中。
程式碼會上傳到伺服器嗎？
標準預覽無需將編輯器內容上傳至 backend。由瀏覽器執行渲染。
為什麼 JavaScript 不運作？
常見原因：DOM 節點尚未存在就執行、ID 拼寫錯誤、sandbox 權限被阻止或依賴 iframe 中不可用的 API。請查看 Console 面板。
返回編譯器
基於瀏覽器的 HTML、CSS 和 JavaScript 快速開發環境。