Geliştirici Araçları'ndaki yenilikler (Chrome 149)

Matthias Rohmer

Yayınlanma tarihi: 2 Haziran 2026

Chrome 149, yapay zeka yardımında önemli yükseltmeler sunuyor, deneysel WebMCP hata ayıklama araçlarını Uygulama paneline ekliyor ve kod tamamlama desteğini CSS'ye genişletiyor.

Temsilciler için Geliştirici Araçları

Aracılar için Chrome Geliştirici Araçları'nın MCP sunucusu ve CLI'sı artık resmi olarak kararlı sürümde! Duyurunun tamamını buradan okuyabilirsiniz.

v1.1.1 sürümüne kadar eklenen temel özellikler ve yeni araçlar şunlardır:

• Özel üçüncü taraf, sayfaya sunulan araçlar: Sayfalar artık JavaScript aracılığıyla özel hata ayıklama araçları tanımlayabilir. Bu araçlar, aracıların Geliştirici Araçları tarafından bulunabilir ve çağrılabilir.
• WebMCP hata ayıklama: Ajanlar için Geliştirici Araçları artık WebMCP araçlarını listeleyip çalıştırabilir.
• Özel HTTP üstbilgileri emülasyonu: Emülasyon aracına HTTP üstbilgileri (ör. kimlik doğrulama jetonları veya özel kullanıcı aracıları) için destek ekler.

Üçüncü taraf araçları ve WebMCP hata ayıklama özelliği hâlâ deneysel aşamadadır ve henüz varsayılan olarak etkinleştirilmemiştir. Bunları kullanma hakkında bilgi edinmek için araç referansına bakın. Bu özellikler üretimde kullanıma hazır olduğunda developer.chrome.com'da daha fazla doküman paylaşacağız.

Aracıların Geliştirici Araçları ile ilgili en son güncellemeler ve katkıda bulunmak için GitHub deposunu ziyaret edin. Dokümanlarımızla başlayın veya kapsamlı Google I/O video oturumu Ajanlar için Chrome Geliştirici Araçları ile yapay zeka kodlama iş akışınızı hızlandırın ile hız kazanın.

Yapay Zeka Desteği

Yapay zeka yardımı paneli, önemli bir kullanıcı arayüzü güncellemesi aldı ve yapay zeka destekli kampanya oluşturma deneyimini iyileştirmek, sayfa hakkında daha ayrıntılı bilgiler sağlamak için yeni araçlar eklendi:

• Aracıyla ilgili adım adım açıklama: Yapay zeka yardımı artık widget'ları doğrudan düz metin Markdown yerine sohbet arayüzünde oluşturuyor. Bu widget'lar Core Web Vitals ve ilgili analizler, LCP öğeleri, LCP dökümü, aşağıdan yukarıya iş parçacığı etkinliği ve daha fazlasını kapsar. Widget'ın içindeki Göster bağlantısı sizi Geliştirici Araçları'ndaki bu bilgilerin kaynağına götürür.
• Kodlama aracına kopyalama: Sohbetler artık, sohbeti kopyalamak için özel bir düğmeyle sonlandırılıyor. Sohbet, istem olarak özetlenmiş veya kelimesi kelimesine kopyalanmış şekilde, tercih ettiğiniz kodlama aracına yapıştırılabiliyor.
• Geliştirilmiş özellikler: Yapay Zeka Desteği artık Lighthouse'a ve ilgili analizlere erişebiliyor. Bu sayede, sayfanızı bütünsel olarak analiz edip hedefli tavsiyeler verebiliyor.
• Geliştirilmiş yanıtlar: Gemini 3'ü kullanan ve girişleri iyileştirilen yapay zeka asistanı, daha kısa ve daha uygulanabilir yanıtlar veriyor.
• Geliştirilmiş gezinme: Artık yukarı ok ve aşağı ok tuşlarını kullanarak önceki sohbet istemleriniz arasında gezinebilirsiniz. Bu sayede, önceki sorguları iyileştirmek veya yeniden çalıştırmak hızlı ve sezgisel bir şekilde yapılabilir.

Özel geri bildirim hatasına yorum yaparak düşüncelerinizi bize bildirin. Kodu kodlama aracına kopyalama özelliğini desteklemek için Chrome 152 ile birlikte yapay zeka yardımıyla otomatik stil düzeltmeleri desteğini sonlandıracağız.

WebMCP

Bu sürümde, Application (Uygulama) paneli kenar çubuğunda deneysel WebMCP hata ayıklama araçları kullanıma sunuluyor. WebMCP (Web Model Context Protocol), web sayfalarının ziyaret eden LLM aracıları tarafından kullanılacak araçları kaydetmesine olanak tanır. Önerilen standart hakkında daha fazla bilgiyi dokümanlarımızda bulabilirsiniz.

Yeni hata ayıklama araçları, geliştiricilerin şunları yapmasına olanak tanır:

• İstemci tarafı araçlarını ve şemalarını inceleyin.
• Araç yürütme işlemlerini özel parametrelerle manuel olarak çalıştırın.
• Etkin veya beklemede olan araç çağırma etkinliklerini izleyin ve filtreleyin.
• Yürütme durumunu izleyin ve döndürülen yükleri inceleyin.

WebMCP, erken önizleme aşamasında olan bir web standardı önerisidir. Denemeye başlamak için chrome://flags adresinde #devtools-webmcp-support ve #enable-webmcp-testing işaretlerini etkinleştirin.

Chromium sorunları: 494516094

CSS için kod tamamlama

Stiller sekmesinde artık Konsol ve Kaynaklar panelleri için destekten yararlanarak Gemini ile CSS için kod tamamlama özelliği sunuluyor. Ayarlar > Yapay zeka yenilikleri > Kod önerileri'nde kod önerilerini etkinleştirin.

Bu sayede, tam söz dizimlerini hatırlamanıza gerek kalmadan CSS özelliklerinin daha karmaşık kombinasyonlarıyla (ör. gradyanlar veya kutu gölgeleri) denemeler yapabilir ya da birden fazla ilgili özelliği kullanarak ızgara ve esnek düzenleri hızlıca oluşturabilirsiniz.

Stiller sekmesinin alt kısmındaki araç çubuğunda, yükleme animasyonu aracılığıyla durum gösterilir. Yazarken öneriler güncellenir veya temizlenir. Böylece, yapay zekayla üretilen metin, manuel düzenlemelerinizle alakalı kalır.

APCA renk kontrastı yönergeleri kararlı sürüme yükseltildi

Gelişmiş Algısal Kontrast Algoritması (APCA) kontrast hesaplayıcı, deneysel aşamayı resmen tamamladı ve artık standart bir tercih ayarı olarak kullanılabiliyor. APCA, eski AAA/AA kontrast kurallarının yerini modern ekranlar ve metin oluşturma için optimize edilmiş modern bir algısal kontrast modeliyle alıyor.

Artık Ayarlar > Tercihler > Öğeler > APCA kontrast yönergelerini etkinleştir bölümündeki onay kutusunu kullanarak APCA yönergelerini etkinleştirebilir veya devre dışı bırakabilirsiniz.

Dinamik Cihaz Modu kullanıcı aracısı

Duyarlı cihaz modu daha önce sabit kodlanmış bir kullanıcı aracısı dizesi (Android 6.0; Nexus 5) kullanıyordu. Bu durum, bildirilen işletim sistemi on yıldan eski olarak tanındığı için modern web sitelerinin işlevselliğinin düşmesine veya uyumluluk modlarının tetiklenmesine neden oldu.

Sabit kodlanmış kullanıcı aracısı, geçerli takvim yılına göre otomatik olarak güncellenen dinamik bir sezgisel yöntemle değiştirildi. Bu sayede, manuel bakım gerektirmeden Geliştirici Araçları'nın her zaman makul ve modern bir ortam bildirmesi sağlanıyor.

Öne çıkan seçenekler

Bu sürümde yapılan küçük iyileştirmeler ve hata düzeltmeleri:

• Console: Tüm etkin konsol gruplarını ve yığın izlemelerini tek seferde hızlıca genişletmek veya daraltmak için Console panel araç çubuğuna Tümünü daralt/genişlet açma/kapatma düğmesi eklendi. (427657550)
• Uygulama: Uygulama meta verileri görünümündeki depolama paketi alanlarında tıklanabilir köprüler, statik metnin yerini aldı. Bir paket bağlantısını tıkladığınızda Depolama Paketleri kenar çubuğu panelinde otomatik olarak o pakete gidilir ve paket vurgulanır. (435311130)
• Uygulama: Kilitlenme gerilemesi çözüldükten sonra Service Worker'lar için tam depolama alanı inceleme desteği yeniden etkinleştirildi. (406991275, 466134219)
• Uygulama: Önceden yükleme panelinde form_submission önceden oluşturma etkinliklerinin incelenmesi için destek eklendi. (346555939, 488078903)
• Uygulama: Cihaza bağlı oturum kimlik bilgileri (DBSC) yönetimi uygulandı. Bu sayede geliştiriciler, etkin oturumları bağlam menüsünden veya Delete ya da Backspace tuşlarına basarak temizleyebilir veya silebilir. (471017387)
• Öğeler: Sorunlar panelindeki gizli sorunları temsil eden DOM düğümlerindeki vurgular artık sorun filtresi işlemlerine yanıt olarak dinamik bir şekilde güncelleniyor (görünme veya kaybolma). (40272723)
• Ağ: Server-Sent Events (SSE) artık tamamen serileştirilmiş ve HAR dışa aktarma işlemlerine dahil edilmiştir. Bu sayede devam eden canlı etkinlik akışı yakalamaları kaydedilip Geliştirici Araçları'na yeniden içe aktarılabilir. (494294071)
• Performans: Canlı Metrikler görünümünde, Core Web Vitals izlemenin yalnızca birincil çerçeve yürütme bağlamına sabitlenmesi sağlandı. Böylece, dinamik iFrame'lerin sık sık değişmesi nedeniyle metriklerin sıfırlanması önlendi. (494350655)
• Performans: web-vitals, v5.2.0 sürümüne yükseltildi. INP izleme sırasında bellek sızıntıları için yerel yukarı akış düzeltmeleri eklendi. (484342204)