近期，Google正式推出了Chrome瀏覽器的最新版本v137，其中的開發者工具（DevTools）迎來了重大革新，引入了名為Gemini的AI智能助手。這一創新舉措不僅為開發者提供了前所未有的性能分析與調試體驗，還極大地提升了開發效率。
在Chrome v137中，Gemini智能助手的表現尤為搶眼。它特別推出的智能標注功能，讓性能分析變得更加直觀和便捷。開發者只需雙擊性能追蹤中的主軌道事件，并點擊“生成標簽”按鈕，Gemini便會根據堆棧跟蹤和上下文信息自動生成事件標簽。這不僅簡化了分析流程，還幫助開發者迅速理解復雜性能數據的意義。開發者還可以在“Annotations”選項卡中添加時間范圍標簽、連接事件，甚至分享標注結果，進一步提升了團隊協作的效率和準確性。
Chrome v137 DevTools還帶來了AI驅動的CSS調試功能，進一步減輕了開發者的負擔。開發者只需在“Elements”面板中點擊“Ask AI”，并輸入CSS修改需求，Gemini便能迅速生成相應的代碼，并支持實時預覽。結合實驗性的自動工作區功能，開發者還能將修改后的CSS、Javascript或HTML直接保存到本地源文件，這一功能無疑將前端開發的工作流程大大縮短。
在性能面板方面，Chrome v137也進行了優化，新增了兩項關鍵洞察：重復Javascript和傳統Javascript。這兩項功能幫助開發者輕松識別代碼中的冗余和過時部分，從而優化網站的加載速度和運行時性能。開發者還可以一鍵啟動與Gemini的對話，深入分析性能瓶頸，并獲得針對性的優化建議。
為了增強調試的直觀性，Chrome v137在AI輔助面板中新增了截圖功能。開發者只需點擊“拍照”按鈕，便能捕捉頁面截圖，并將其作為上下文提交給Gemini進行分析。這一功能在解決頁面布局或樣式問題時尤為有用，例如檢查按鈕間距是否一致，為視覺調試提供了更豐富的上下文支持。
此次Chrome v137 DevTools的更新，標志著AI在開發者工具中的深度融合。Gemini智能助手不僅通過智能標注和CSS修改簡化了復雜任務，還通過性能洞察和截圖功能為開發者提供了更全面的調試支持。隨著Gemini Nano等本地AI模型的進一步集成，Chrome DevTools有望成為前端開發者的得力助手，推動Web開發效率實現質的飛躍。
