Codex內置瀏覽器升級,AI終於能自己看自己寫的頁面了!

作者:知識藥丸
日期:2026年5月1日 下午11:31
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

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工作。
值得記低
連結 x.com

原推文 - 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 我拉你進羣,共同交流學習~