發布日期：2026 年 11 月 13 日
如果您經常瀏覽這個網站、在 X、LinkedIn 或 Bluesky 追蹤 Chrome 開發人員版，或在本週開啟開發人員工具的「新功能」面板，幾乎一定會看到這則消息。不過，對於所有埋頭苦幹的開發人員來說，Modern Web Guidance 現已推出穩定版 1.0。
自從在 Google I/O 大會分享早期預先發布版以來，我們已完成許多改善，並與 Firefox 和 Edge 合作，將 Modern Web Guidance 發展為跨瀏覽器協作。本週我們透過文章、個案研究、影片和文件，詳細介紹了這些功能。
簡介
前沿模型通常會預設採用舊版網頁開發模式。舉例來說，他們偏好使用 JavaScript 動畫程式庫，而非 CSS 捲動驅動動畫，或建構複雜的巢狀 div 怪物，而非使用 appearance: base-select 建立可自訂的下拉式選單。
Modern Web Guidance 會根據提示，提供簡潔且符合工作範圍的指南，解決這個問題。1.0 版帶來以下功能：
- 更多專家審查的指南：涵蓋效能、樣式、無障礙功能、安全性、隱私權、表單等。每項技能都經過技術領域專家審查和測試。您可以在指南目錄中瀏覽這些技能。
- 預設跨瀏覽器：由 Mozilla Firefox、Microsoft Edge 和 Google Chrome 的開發團隊合作打造。每份指南都經過強化，提供基準相容性資料和備用方案。
- 公開評估套件：執行數千次評估，可在公開評估資訊主頁上查看，重點呈現通過率的提升。
請參閱 Modern Web Guidance 1.0 發布公告文章，瞭解這項工具解決的 AI 知識落差具體範例、代理專用 Chrome 開發人員工具的端對端工作流程，以及從 I/O 預先發布版更新的操作說明。
聽聽別人的現身說法
我們是 Modern Web Guidance 的共同創作者，當然會有點偏心。以下是合作夥伴在日常工作流程中，測試 Chrome 的全套 AI 程式設計工具後的心得：
- Policybazaar 和 Pensionbazaar：透過建構和驗證迴圈，將新網頁周轉時間和 UI 錯誤減少 90% 以上，而 Policybazaar 則將約 30 個到達網頁的手動 Core Web Vitals 稽核工作量減少 92%。
- MetaMask：將 Modern Web Guidance 整合至三行建議 PR 審查機器人，審查約 480 個提取要求，修正 43 個無障礙功能和語意 HTML 問題，中位數處理時間為 15 分鐘。
- WeTV：在 CI/CD 中加入代理專用 Chrome 開發人員工具和 Modern Web Guidance，自動診斷並修正 90% 的重複 CLS 迴歸問題，將偵錯時間縮短 87%。
- note inc.：結合 Modern Web Guidance 和內部設計系統規則，將新式網頁檢查通過率從 61% 提升至 94%，並將適當的 LCP 圖片優先順序提高 28%。
開始使用
雖然要求代理安裝 Modern Web Guidance 可能會成功，但使用下列 npx 指令，可以更穩妥地逐步設定專案和代理。
npx modern-web-guidance@latest install
您也可以在 GitHub 上探索其他安裝選項。
設定完成後，您可以深入瞭解新的用途，以及 Modern Web Guidance 1.0 的運作方式：
- 翻新現有程式碼集：
npx modern-web-guidance@latest legacy-scan如何結合快速的本機語法檢查與情境代理審查，在不造成干擾的情況下償還技術債。 - Beyond code generation: Continuous developer learning：瞭解如何將 Modern Web Guidance 當做互動式學習和探索工具，在使用 AI 代理編寫程式碼時，掌握最新的 HTML、CSS 和 Web API 功能。
- 預設跨瀏覽器：Baseline 備用方案的運作方式：指南如何使用即時網頁功能資料，將漸進增強、
@supports查詢和 polyfill 與瀏覽器目標比對。 - AI 在網頁開發中常犯的 10 大錯誤：探索 10 個常見的無障礙、使用者體驗、效能和安全性落差，即使是最新前沿模型，也無法通過約一半的現代網頁檢查。
- Local vector search for coding agents: From 507 MB to a 7-line loop： 深入瞭解 Modern Web Guidance 如何在幾毫秒內，從 200 多個指南知識庫中擷取相關指南，而不會填滿代理的脈絡視窗。
Chrome 代理式網頁程式開發人員的未來發展
只要在程式設計代理中使用 Modern Web Guidance，就能輕鬆起步。但你還可以 (也應該) 更進一步。代理需要一種方法，在實際瀏覽器中執行、檢查及驗證程式碼。
一年多來，代理專用 Chrome 開發人員工具提供多種工具，包括無障礙功能和效能檢查、記憶體偵錯和記錄動畫，讓程式設計代理能即時查看執行階段，以便微調。
未來幾週，我們將慶祝代理專用 Chrome 開發人員工具達成下一個里程碑。將正確的背景資訊從 Chrome 傳遞給代理會更加容易。
歡迎試用 Modern Web Guidance 1.0，並與我們分享您的想法。Modern Web Guidance 和代理專用 Chrome 開發人員工具都是在 GitHub 上公開建構。如果您發現代理仍無法正確處理網頁平台工作，或有任何建議，歡迎建立問題並告訴我們。