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

Matthias Rohmer

Yayınlanma tarihi: 7 Nisan 2026

Chrome 147, yapay zeka yardımında otomatik bağlam seçimi, kod önerilerini tam kod tamamlama özelliğine yükseltme, Cihaz Modu araç çubuğunu modernleştirme, sıkıştırılmış ağ gövdelerinin otomatik olarak kodunu çözme ve diğer çeşitli geliştirmeleri sunar.

Yapay zeka yardımında otomatik bağlam seçimi

Yapay zeka yardımına yönelik en çok istenen özelliklerden biri, daha açık uçlu sorular sorabilme imkanıydı. Yeni bağlam seçimi aracısı sayesinde artık önceden bağlam seçmeden soru sorabilirsiniz. Örneğin:

• "Bu sayfadaki en yavaş ağ istekleri nelerdir?" Daha önce belirli bir ağ isteği seçmeniz gerektiğinden bu mümkün değildi.
• "Sayfada hangi performans sorunları var?" Geliştirici Araçları, bu soruyu yanıtlamak için artık seçtiğiniz ayarlarla otomatik olarak bir izleme kaydı oluşturacak.
• "Animasyon panelini nasıl kullanırım?" veya "Geliştirici Araçları'nda yüksek kontrast ayarı nerede?" gibi sorulara yanıt vererek doğrudan Geliştirici Araçları ile ilgili yardım sağlar.

Bu değişiklik kapsamında, yapay zeka yardımı artık bağlamı da otomatik olarak değiştirebilir. Bu özellik, sohbet boş olduğunda bağlamı akıllıca günceller. Sohbet başladıktan sonra ise manuel seçimlerinize uyar.

Temsilciler için Geliştirici Araçları

Chrome Geliştirici Araçları MCP sunucusu ve KSA, 0.21.0 sürümüne güncellendi. Bu sürümde çoklu ajan iş akışlarında önemli iyileştirmeler, Lighthouse aracılığıyla yeni denetleme özellikleri ve gelişmiş bir beceri seti sunuluyor.

Son güncellemeden beri eklenen temel özellikler:

• Entegre Lighthouse denetimleri: Artık Lighthouse denetimlerini doğrudan MCP üzerinden çalıştırabilir, böylece aracılı iş akışlarınızda otomatik performans ve kalite kontrolleri yapabilirsiniz.
• Bellek sızıntısı algılama becerisi: take_memory_snapshot aracı kullanılarak bellek sızıntılarını algılamak için yeni bir beceri eklendi.
• Erişilebilirlik becerisiyle ilgili iyileştirmeler: Erişilebilirlik hata ayıklama becerisi, Lighthouse'tan daha iyi yararlanmak ve daha sağlam bir çıktı sağlamak için geliştirildi.
• Genel kullanım becerileri: Chrome Geliştirici Araçları MCP sunucusunu veya CLI'yı kullanma ve yüklemelerle ilgili sorunları giderme becerileri, temsilcinizin Geliştirici Araçları'ndan en iyi şekilde yararlanmasına yardımcı olur.
• Çok agentlı iş akışı desteği: pageId yönlendirme özelliğinin kullanıma sunulmasıyla birden fazla agent, belirli tarayıcı sayfalarını paralel olarak hassas bir şekilde hedefleyip bu sayfalarla etkileşim kurabilir.

Bu özellikleri kullanmaya başlamak için ayrıntılı sürüm notlarının yer aldığı GitHub deposuna göz atın.

Kod oluşturma

Chrome 142'de Konsol ve Kaynaklar panellerinde Gemini'ın kod önerilerini kullanıma sunduk. Chrome 147 ile bu özellik, tam kod oluşturma özelliğine yükseltilir.

Kod oluşturmak için istediğiniz mantığı açıklayan doğal dil yorumu yazın (örneğin, // Loop to check all img elements for valid alt attributes) ve oluşturma işlemini başlatmak için Cmd+I (Mac) veya Ctrl+I (Windows/Linux) tuşlarına basın.

Yenilenen Cihaz Modu araç çubuğu

Cihaz Modu araç çubuğu, daha tutarlı ve kolay bir deneyim sunmak için modernleştirildi:

• Standartlaştırılmış Kontroller: Cihaz seçimi, yakınlaştırma düzeyleri ve cihaz piksel oranı (DPR) artık standart DevTools kullanıcı arayüzü bileşenlerini kullanıyor. Bu sayede kullanılabilirlik iyileştirildi.
• Basitleştirilmiş yakınlaştırma: Yakınlaştırma menüsü artık daha temiz. "Pencereye sığdır" seçeneği doğrudan yüzde listesine entegre edildi. "Yakınlaştırmayı otomatik ayarla" özelliği kendi araç çubuğu düğmesine taşındı.
• Yön Kilidi Desteği: Geliştirici Araçları artık cihaz emülasyonunda screen.orientation.lock() API'sini işliyor. Bir sayfa yönü kilitlediğinde, emüle edilen cihaz kilitlenen yöne uyacak şekilde otomatik olarak döner ve kilit etkin durumdayken manuel döndürme düğmesi devre dışı bırakılır.

Chromium sorunları: 40807290

Kodu çözülmüş sıkıştırılmış gövdeler

Sıkıştırılmış kaynaklarla ilgili sorunları teşhis etmek artık çok daha kolay. Daha önce, bir HTTP isteğinde Content-Encoding: gzip veya deflate kullanılıyorsa Ağ panelindeki Yük görünümünde, kod çözülmüş içerik yerine bozuk ikili veriler gösteriliyordu.

Chrome 147'de, Geliştirici Araçları bu sıkıştırılmış gövdeleri otomatik olarak kodunu çözer ve okunabilir içeriği doğrudan Yük altında gösterir.

Ayrıca, istek listesinde artık Aktarım Boyutu bilgileri de yer alıyor. Bu bilgiler, kablo üzerinden veri kullanımıyla ilgili daha net bir resim sunuyor. Bu ayrıntı, istekleri daha iyi seçmek için Yapay Zeka Asistanı tarafından da kullanılıyor.

Chromium sorunları: 356158096

Stiller için normal ifade filtreleri

Artık Stiller, Hesaplanmış ve Özellikler panellerinin filtre çubuklarında normal ifadeler kullanabilirsiniz. Etkinleştirmek için yeni normal ifade açma/kapatma düğmesini (.*) tıklayın. Ardından, örneğin padding|border yazarak tüm padding ve border özelliklerini vurgulayın.

Chromium sorunu: 40706727

Tahmine dayalı yükleme geliştirmeleri

Application (Uygulama) > Speculative loads (Tahmini yüklemeler) panelindeki yeni özelliklerle önceden yükleme hatalarını ayıklama daha sağlam hale geldi:

• Metin Filtreleme: Artık kural ve deneme listesini serbest metin veya anahtarlı filtreler (ör.url:, action:, status:) kullanarak filtreleyebilirsiniz. Birden fazla terim arasında VE mantığı desteklenir.
• Temizle düğmesi: Yeni temizle düğmesi, önceden yükleme modelini sıfırlamanıza ve gösterilen kuralları ve denemeleri temizlemenize olanak tanır.
• HTTP durum kodları: Başarısız önceden getirme işlemlerinde DevTools artık genel bir hata mesajı yerine hem durum sütununda hem de ayrıntılar bölmesinde gerçek HTTP durum kodunu (ör. 404) gösteriyor.

Chromium sorunları: 479524246, 40926909

Çeşitli

Bu sürümdeki önemli düzeltmeler ve özellikler:

• Konsol: Bir hatanın tüm satır içi yığın çerçeveleri yok sayılanlar listesine alındığında ancak çağrı yığını yok sayılmayan çerçeveler içerdiğinde, gürültülü kitaplık izlerini gizlerken işlem yapılabilir koda odaklanmanıza yardımcı olacak bir açma/kapatma düğmesi gösterilir (379788109).
• Performans: Kenar çubuğu durumu (açık/kapalı) artık kalıcı olarak saklanıyor. Kenar çubuğunu kapatırsanız sonraki kayıtlarda da kapalı kalır (437340219).
• Ayarlar: DevTools artık belirli deneysel ayarlar açılıp kapatılırken bilgi çubuğu aracılığıyla tarayıcıyı yeniden başlatmanızı isteyebilir.
• Nesne inceleme: Nesne görünümlerindeki yeni "Tümünü göster" bağlam menüsü seçeneği, boş (null veya undefined) özelliklerin görünürlüğünü değiştirmenize olanak tanır (41187256).
• Öğeler: "Reklam" bilgisi artık iframe'lerle sınırlı değil ve arka uç tarafından reklamla ilgili olarak etiketlenen rastgele öğeler için gösterilebiliyor (485493202).
• Talimat düğümleri: İşleme talimatı düğümleri (ör. <?xml-stylesheet ... ?>) artık DOM ağacında görünür ve düzenlenebilir. (484891675)

Erişilebilirlik

Bu sürümde erişilebilirlikle ilgili çeşitli iyileştirmeler yapıldı:

• Performans: Performans metriği kartlarındaki başlık yardım düğmesi artık yalnızca fareyle üzerine gelindiğinde görünmek yerine her zaman görünür ve klavye ile erişilebilir (487613506).
• Kaynaklar: Etkinlik işleyici ayrılma noktaları artık boşluk tuşu kullanılarak işaretlenebilir veya işareti kaldırılabilir (478890182).
• Ayarlar: Artık kısayol listesinin ilk ve son öğelerine gitmek için Home ve End tuşlarını kullanabilirsiniz (481747256).
• Lighthouse: Kategori grupları için ekran okuyucu duyuruları iyileştirildi onay kutuları (477643909).