Codex內置瀏覽器升級,AI終於能自己看自己寫的頁面了!
整理版優先睇
Codex內置瀏覽器新增設備工具欄,AI終於可以自己睇自己寫嘅頁面,補齊響應式自動測試關鍵一環。
呢篇文章係由墨問根據OpenAI Devs轉發James Sun嘅一條更新整理而成。作者長期關注AI編碼工具,佢發現呢次Codex內置瀏覽器嘅小改動背後藏住一個趨勢:AI正從「代碼生成器」長成「開發者」。
以前AI寫完響應式頁面,桌面睇落冇問題,但一用手機打開就按鈕逼埋一齊、文字溢出、圖片變形。之但係AI自己睇唔到,所有debug工夫都要人做。今次Codex加咗設備工具欄,可以切換視口尺寸,令AI可以自己測、自己改。呢個改變等於畀咗AI一副眼鏡,仲可以換鏡片,令到「寫→測→改」呢個循環完全自動化。
除此之外,瀏覽器整體快咗30%,光標動畫收緊咗,全屏模式可以收起輸入框,Windows bug都有修復。整體嚟講,呢次升級唔算石破天驚,但係補上了響應式自動測試嘅關鍵一環。作者建議用家試下個設備工具欄,將「呢個頁面喺iPhone SE上會唔會炸」嘅焦慮交畀AI。
- 核心升級:Codex內置瀏覽器新增設備工具欄,可以切換視口尺寸,AI可以自己測試響應式設計。
- 解決問題:AI以前冇辦法睇到自己寫嘅頁面喺唔同裝置嘅效果,而家可以自動發現UI問題並修正。
- 差異:今次升級令AI從「只會寫代碼」進化成「識得自己測試」,補齊咗開發者必備嘅測試環節。
- 啟發:AI編碼工具嘅發展趨勢係逐步整合開發者流程,由寫碼到測試到部署,每一步都在自動化。
- 行動點:如果你用緊Codex寫前端,快去試下設備工具欄,叫AI幫你喺各種尺寸下測試,減少人手QA工作。
原推文 - James Sun
OpenAI Devs轉發James Sun關於Codex瀏覽器升級嘅推文
設備工具欄係啲咩?
Codex嘅應用內瀏覽器而家多咗一個「設備工具欄」,就係Chrome DevTools入面嗰個手機圖標嘅功能——切換視口尺寸,睇頁面喺iPhone、iPad上嘅樣。但關鍵係呢個功能係畀Codex用,唔係畀我哋直接用的。
設備工具欄嘅核心用途:令AI可以自己換鏡片,睇自己寫嘅頁面喺唔同裝置上嘅表現。
- 點擊URL欄右邊三個點(...)就可以開啓設備工具欄。
- 之後就可以叫Codex喺唔同尺寸下挨個測,自動發現UI問題並修正。
關鍵:呢個工具欄係畀Codex用,等佢可以自動換尺寸測試,完全自動化。
點解咁重要?以前AI係個盲頭烏蠅
以前AI寫完響應式頁面,桌面睇落好靚,但一用手機打開就按鈕迫埋一齊、文字溢出、圖片變形。之但係AI自己睇唔到,所有debug工夫都要人做。AI係個不自測嘅實習生,你就係免費QA。
AI以前係個不自測嘅實習生,你就係免費QA。
而家AI有咗眼睛,可以自己睇到細屏幕嘅問題。
呢個係將「前端+QA」兩個工位打包塞進一個AI裏面嘅做法。
順便做咗嘅幾件事
- 瀏覽器整體快咗30%。作者話係「vibe testing」——憑感覺測嘅,但速度乘迭代次數,省嘅時間好可觀。
- 光標動畫收緊咗,AI操作回放睇起嚟更利索。
- 全屏模式可以藏起輸入框,盯屏黨福音,屏幕終於乾淨。
- 修咗幾個Windows bug,Windows用戶終於唔當二等公民。
「vibe testing」呢個講法好可愛,但背後反映AI agent改進嘅節奏好快。
瀏覽器快咗30%,光標動畫收緊,操作回放更利索。
AI編碼工具嘅進化方向
呢條更新藏着一個趨勢:AI編碼工具正從「代碼生成器」長成「開發者」。由會寫→會跑→會測→會用瀏覽器→會換設備睇——每一步都喺補齊一個真正開發者嘅器官。
「切尺寸、刷新、睇效果、再改」呢啲活,對人係折磨,對AI係天職。
Codex長眼睛了,仲可以換瞳距。響應式自動化嘅最後一塊拼圖,補上了。
如果你用緊Codex寫前端,去試嚇呢個設備工具欄。等佢幫你扛住「呢個頁面喺iPhone SE上會唔會炸」嘅焦慮。
🌟星標 + 👆關注,第一時間知道最新、最有用的AI編程姿勢
《賈傑的AI編程秘籍》付費合集,共10篇,現已完結。30蚊交個朋友,學唔到真嘢可以揾我退錢;)
以及我最新的付費合集《又100個思維碎片》墨問,把我返一日工,AI自己喺屋企寫一日代碼嘅秘訣,分享畀你
寫喺前面
最近刷到 OpenAI Devs 轉發 James Sun 嘅一條更新,講 Codex 內置瀏覽器嘅幾個小改動。
呢種「工具內嵌瀏覽器」嘅升級好容易畀人一掃而過。但我睇多咗兩眼,發現幾得意——佢令 AI 唔再只係「寫代碼」,而係開始學識「自己睇自己寫嘅頁面」。
今次到底加咗啲乜?
一句講曬:Codex 嘅應用內瀏覽器,多咗一個「裝置工具欄」。
就係我哋喺 Chrome DevTools 嗰度㩒個手機仔圖標做嘅嘢——切視口尺寸,睇個頁面喺 iPhone、iPad 上邊係點樣。
但關鍵嘅分別重點係:呢樣嘢係畀 Codex 用,唔係畀我哋用。
點解呢件小事唔小?
諗個情境。
你叫 AI 寫個響應式頁面,佢寫完,行得鬱,桌面睇落幾好。
跟住你攞部手機一開——按鈕逼埋一齊,文字走曬出框,圖片變曬形。經典炒車。
點解會咁?因為以前嘅 AI 只識得「寫」同「行」,但佢冇眼睛。佢睇唔到自己寫嘅嘢喺細屏幕上面係咩樣。
所以揾 bug 嘅工夫全部壓喺你身上。AI 係個唔會自己測試嘅實習生,你就係免費 QA。
而呢次更新,就相當於畀 AI 配咗副眼鏡,仲可以換鏡片。佢自己睇,自己改,自己再睇。閉環咗。
點樣用?
㩒 URL 欄右邊嗰三點(...),裝置工具欄就會出嚟。
然後你就可以叫 Codex 喺唔同尺寸下逐個測一次,自己發現 UI 問題、自己改。
某程度上,呢個係將「前端 + QA」兩個工位打包塞咗入一個 AI 裏面。
順手做咗嘅幾件事
瀏覽器整體快咗 30%。作者原話係 “vibe testing”——靠感覺去測(呢個講法幾得意)。但對 AI agent 嚟講,速度乘以迭代次數,慳返嘅時間係驚人嘅。
遊標動畫收緊咗。AI 操作回放睇落更加爽手,唔再拖泥帶水。
全屏模式可以收埋輸入框。盯屏幕嘅人福音,個畫面終於乾淨咗。
修咗幾個 Windows 下嘅 bug。Windows 用戶終於唔再係二等公民(雖然呢個吐槽對一大堆 dev tool 都適用)。
少少思考
呢條更新藏住一個趨勢:AI 編碼工具正喺度由「代碼生成器」進化做「開發者」。
會寫 → 會行 → 會測 → 會用瀏覽器 → 會換裝置睇——每一步,都喺度補齊一個真正開發者嘅器官。
而「切尺寸、刷新、睇效果、再改」呢類工夫,對人嚟講係折磨,對 AI 嚟講係天職。
邊個做邊個知。
總結
一句講曬:Codex 生咗對眼,仲可以換瞳距。
唔算石破天驚,但響應式自動化嘅最後一塊拼圖,補返咗。
如果你用緊 Codex 寫前端,去試下呢個裝置工具欄。等佢幫你頂住「呢個頁面喺 iPhone SE 會唔會爆」嘅焦慮。
參考資料
原推:https://x.com/OpenAIDevs/status/2050073387645747651
作者:James Sun,參與者 @olivertepman、@jnpdx
堅持創作唔易,求個一鍵三連,多謝你~❤️
以及「AI Coding技術交流羣」,聯絡 ayqywx 我拉你入羣,一齊交流學習~
🌟星標 + 👆關注,第一時間知道最新、最有用的AI編程姿勢
《賈傑的AI編程秘籍》付費合集,共10篇,現已完結。30元交個朋友,學不到真東西找我退錢;)
以及我最新的付費合集《又100個思維碎片》墨問,把我上一天班,AI自己在家寫一天代碼的焚訣,分享給你
寫在前面
最近刷到 OpenAI Devs 轉發 James Sun 的一條更新,講 Codex 內置瀏覽器的幾個小改動。
這種「工具內嵌瀏覽器」的升級很容易被一劃而過。但我多看了兩眼,發現挺有意思——它讓 AI 不再只是「寫代碼」,而是開始學會「自己看自己寫的頁面」。
這次到底加了啥?
一句話:Codex 的應用內瀏覽器,多了一個「設備工具欄」。
就是我們在 Chrome DevTools 裏點那個手機小圖標乾的事兒——切視口尺寸,看頁面在 iPhone、iPad 上長啥樣。
但關鍵的不同是:這玩意兒是給 Codex 用的,不是給我們用的。
為什麼這件小事不小?
我們想個場景。
你讓 AI 寫個響應式頁面,它寫完了,跑起來了,桌面端看着挺好。
然後你掏出手機一打開——按鈕擠一團,文字溢出,圖片變形。經典翻車。
為啥會這樣?因為以前的 AI 只會「寫」和「跑」,但它沒有眼睛。它看不見自己寫的東西在小屏幕上是什麼鬼樣子。
所以查 bug 的活兒全壓在你身上。AI 是個不自測的實習生,你是免費 QA。
而這次更新,相當於給 AI 配了一副眼鏡,還能換鏡片。它自己看,自己改,自己再看。閉環了。
怎麼用?
點 URL 欄右邊那三個點(...),設備工具欄就出來了。
然後你就可以讓 Codex 在不同尺寸下挨個測一遍,自己發現 UI 問題、自己改。
某種意義上,這是把「前端 + QA」兩個工位打包塞進了一個 AI 裏。
順手做的幾件事
瀏覽器整體快了 30%。作者的原話是 “vibe testing”——憑感覺測的(這個說法很可愛)。但對 AI agent 來說,速度乘以迭代次數,省出來的時間是驚人的。
光標動畫收緊了。AI 操作回放看起來更利索,不再拖泥帶水。
全屏模式可以藏起輸入框。盯屏黨福音,屏幕終於乾淨了。
修了幾個 Windows 下的 bug。Windows 用戶終於不當二等公民了(雖然這吐槽對一堆 dev tool 都適用)。
一點思考
這條更新藏着一個趨勢:AI 編碼工具正在從「代碼生成器」長成「開發者」。
會寫 → 會跑 → 會測 → 會用瀏覽器 → 會換設備看——每一步,都在補齊一個真正開發者的器官。
而「切尺寸、刷新、看效果、再改」這種活兒,對人來說是折磨,對 AI 來說是天職。
誰幹誰知道。
總結
一句話:Codex 長眼睛了,還能換瞳距。
不算石破天驚,但響應式自動化的最後一塊拼圖,補上了。
如果你在用 Codex 寫前端,去試試這個設備工具欄。讓它替你扛住「這頁面在 iPhone SE 上會不會炸」的焦慮。
參考資料
原推:https://x.com/OpenAIDevs/status/2050073387645747651
作者:James Sun,參與者 @olivertepman、@jnpdx
堅持創作不易,求個一鍵三連,謝謝你~❤️
以及「AI Coding技術交流羣」,聯繫 ayqywx 我拉你進羣,共同交流學習~