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 üstbilgilerini taklit etme: Taklit 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 özellikleri hâlâ deneyseldir ve varsayılan olarak etkinleştirilmemiştir. WebMCP araçları hakkında bilgi edinmek için araç referansına göz atın. Üçüncü taraf araçları hakkında daha fazla bilgiyi dokümanlarımızda bulabilirsiniz.

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'ı izleyerek hızla bilgi edinin.

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ı adım adım açıklama: Yapay zeka yardımı artık widget'ları düz metin Markdown yerine doğrudan sohbet arayüzünde oluşturuyor. Bu widget'lar Core Web Vitals ve ilgili analizler, LCP öğeleri, LCP dökümü, alttan yukarıya iş parçacığı etkinliği ve daha fazlasını kapsar. Widget'taki 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 hedeflenmiş 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.

Kopyalama ve kodlama aracını desteklemek için Chrome 152 ile birlikte yapay zeka yardımıyla otomatik stil düzeltmeleri desteğini sonlandıracağız. Bu planla ilgili düşüncelerinizi özel geri bildirim hata kaydında paylaşın.

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 önerilen bir web standardıdır. 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 Console 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, CSS özelliklerinin daha karmaşık kombinasyonlarını (ör. gradyanlar veya kutu gölgeleri) tam söz dizimlerini hatırlamanıza gerek kalmadan kullanabilirsiniz. Veya ızgara ve esnek düzenleri hızlı bir şekilde oluşturmak için birden fazla ilgili özelliğe güvenebilirsiniz.

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 zeka tarafından üretilen metnin manuel düzenlemelerinizle alakalı kalması sağlanı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 yönergelerinin yerini modern ekranlar ve metin oluşturma için optimize edilmiş modern bir algısal kontrast modeliyle değiştirir.

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 oluyordu.

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 aynı anda 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 ilgili pakete gidilir ve bu 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önetimini uygulayarak geliştiricilerin etkin oturumları bağlam menüsünden veya Delete ya da Backspace tuşlarına basarak temizlemesine veya silmesine olanak tanındı. (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ştiriliyor ve HAR dışa aktarma işlemlerine dahil ediliyor. Bu sayede devam eden canlı etkinlik akışı yakalamaları kaydedilip Geliştirici Araçları'na yeniden içe aktarılabiliyor. (494294071)
• Performans: Canlı Metrikler görünümünde Core Web Vitals izleme özelliği, izlemeyi kesinlikle birincil çerçeve yürütme bağlamına sabitleyecek şekilde düzeltildi. Böylece, dinamik iFrame'in değişimi metriklerin sıfırlanmasını önleyecek. (494350655)
• Performans: web-vitals sürümü 5.2.0'a yükseltildi. INP izleme sırasında bellek sızıntılarına yönelik yerel yukarı akış düzeltmeleri eklendi. (484342204)