人工智能

ChatGPT 寫程式可即時預覽結果  毋須離開介面即可測試及修改

Published by
Lawton

 

OpenAI 於 2026 年 2 月 19 日更新 ChatGPT 程式碼區塊,加入互動預覽與即時編輯功能。這令用戶毋須複製程式碼至外部瀏覽器,能直接在 ChatGPT 視窗內完成生成、測試及修改。免費用戶同樣可以使用。

 

毋須切換分頁 即時預覽結果

過往用戶在 ChatGPT 生成程式碼後,必須將程式碼複製到瀏覽器或其他工具才能測試效果,這次更新令整個流程大幅簡化。當用戶請求生成程式碼(例如「可遊玩 Tetris 網頁 HTML」)後,程式碼區塊右上角會出現切換按鈕。點選後聊天欄即顯示嵌入式預覽畫面,並可互動操作。用戶再按預覽右上角放大按鈕,預覽更可在 ChatGPT 視窗內全螢幕呈現。用戶可用鍵盤方向鍵即時玩 Tetris 等互動內容,體驗與在獨立分頁完全相同。

 

改動即時反映 省去重新整理步驟

預覽畫面左上角設有「顯示程式碼」按鈕,點選後畫面分為左右兩欄,左側為程式碼編輯區,右側保留即時預覽,形成分割畫面。程式碼編輯區本身就是編輯器,用戶直接修改 HTML、CSS 或 JavaScript,任何改動毋須存檔或重新整理,會即時反映在右側預覽。這功能方便快速調試介面設計、互動元件或小型遊戲,大幅縮短原型開發所需時間。

 

免費用戶同享 無需付費升級

OpenAI 官方明確指出,程式碼預覽及編輯功能向所有方案開放,包括免費方案,用戶毋須升級至 Plus 或 Pro 訂閱。OpenAI 在官方公告中列出 3 項核心新功能:在聊天介面直接建立及預覽圖表、流程圖及迷你應用程式;以分割畫面同時檢視程式碼與預覽;以及切換至全螢幕模式進行更細緻調整。這次更新令 ChatGPT 網頁版具備更接近輕量級 IDE 體驗,對前端開發者、學生及需要快速製作原型用戶尤為實用。

 

資料來源:Releasebot / OpenAI Release Notes

 

Published by
Lawton