Chrome 團隊攜手各大瀏覽器推出「現代網頁指南」，引導 AI 程式碼代理轉向原生端技術

由 Google Chrome 團隊主導，並與 Firefox、MDN 以及 Edge 等業界巨頭攜手合作的全新專案「現代網頁指南」（Modern Web Guidance），於今日正式發布 1.0 版本。

這項倡議旨在引導 AI 程式碼代理（AI coding agents）擺脫過時的 2019 年代 JavaScript 撰寫模式，轉而採用現代化的平臺原生網頁基礎元件。

該專案提供了一個經過精心策劃、包含超過 200 項最佳實踐的實作函式庫，為開發者與 AI 工具帶來重大變革。隨著現代網頁瀏覽器的快速演進，許多過去需要數十行 JavaScript 程式碼或外部相依套件才能完成的複雜任務，現在已經能夠透過瀏覽器原生支援來搞定。

舉例來說，用於文字範圍樣式的「CSS.highlights」、具備「showModal()」焦點管理功能的「」元素，以及支援動態文字輸入框的「field-sizing」屬性，如今皆已成為標準規格。

然而，Chrome 團隊在觀察中發現，許多 AI 程式碼代理在生成程式碼時，依然習慣依賴舊有的、帶有大量相依套件的模式，而沒有充分利用這些高效率、內建的瀏覽器功能。

為了有效解決這個痛點，開發團隊耗時九個月，專門為程式碼代理開發了一套特殊的技能組合與命令列工具（CLI）。

這項倡議包含了一個高度最佳化的檢索增強生成（RAG）系統，成功將過去高達 500MB 的技術堆疊壓縮至僅有 7MB 的純 JavaScript 套件中，讓基於 CPU 的快速搜尋成為可能。此外，團隊還推出了全新的「legacy-scan」功能。

這項功能透過訓練 30,000 個 GitHub 專案庫，具備高達 92% 的精準度，能夠自動識別過時的程式碼模式並提出現代化的改造建議。經過嚴格的測試證明，這項指南確實展現了顯著的成效。

當 AI 代理被指派面對 200 個前端挑戰時，在沒有任何指引的情況下，其成功率僅有 55%；但在配備了這項全新的領域知識後，成功率一舉躍升至 92%。目前該專案為完全開源，團隊正積極鼓勵全球開發者社群提供反饋，以便隨著網頁標準的不斷演進來持續精進這些指南。

開發者現在即可透過 npm 安裝此工具，開始掃描自己的專案以尋求現代化升級的契機。背景補充方面，隨著生成式 AI 在軟體工程領域的普及，AI 所寫出的程式碼品質與架構逐漸受到重視。

過去 AI 往往參考網路上大量的歷史程式碼，導致許多陳舊甚至有效能疑慮的寫法被不斷複製。此次各大瀏覽器廠商罕見地聯合起來為 AI 「補習」，顯示出產業界對於推動網頁標準現代化的強烈決心。

來源: Hacker News