Geliştirme Araçları ve Chrome 142'deki yenilikler

Matthias Rohmer

Gemini'dan kod önerileri

Artık Konsol ve Kaynaklar panellerinde yapay zeka tarafından oluşturulan, yazarken otomatik tamamlama önerileri alabilirsiniz.

Konsol ve Kaynaklar panellerindeki kod önerisi özelliği

Bu özelliği etkinleştirmek için Ayarlar > Yapay Zeka Yenilikleri'ne gidip Kod önerileri'ni etkinleştirin.

Geliştirici Araçları MCP sunucusu için geliştirmeler

DevTools MCP sunucusunun v0.2.1 ile herkese açık önizlemesini kullanıma sunduğumuzdan beri, topluluğun katkılarıyla çeşitli iyileştirmeler yaptık ve v0.9.0'ı yayınladık.

  • Node.js desteği, Node.js 20'ye kadar genişletildi.
  • Ağ istekleri ve konsol mesajları, jeton tasarrufu için sayfalandırılabilir ve istek türüne (ör. komut dosyaları, stil sayfaları, resimler) ve mesaj türüne (günlük, uyarı, hata) göre filtrelenebilir.
  • Ekran görüntüleri belirli bir yola ve çeşitli biçimlerde kaydedilebilir.
  • Yapılandırılabilir araç kategorileri, hangi özelliklerin gösterileceğini düzenlemenize olanak tanıyarak gereksiz gürültüyü azaltır.
  • Artık MCP sunucusu tarafından kullanılan Chrome örneğine başlatma bağımsız değişkenleri iletebilirsiniz.

Değişikliklerin ve hata düzeltmelerinin tam listesi için GitHub'daki herkese açık değişiklik günlüğüne göz atın. DevTools MCP sunucusu hakkında daha fazla bilgiyi duyuru blog yayınında bulabilirsiniz.

Yapay zeka yardımına daha hızlı erişim

DevTools artık yapay zeka yardımını açan daha fazla bağlantı içeriyor. Yapay zekaya sor bağlam menüsü öğesinin adı Yapay zekayla hata ayıklama olarak değiştirildi ve bağlama göre yapay zekanın size yardımcı olabileceği doğrudan işlemlerle düzenlendi.

Geliştirici Araçları'nın sağ üst köşesindeki yeni düğmeyle Geliştirici Araçları'nın herhangi bir yerinden yapay zeka yardımını açabilirsiniz.

Geliştirici Araçları'nda yapay zeka desteğine yönelik yeni giriş noktaları

Gemini ile tam performans izinde hata ayıklama

Performans panelinde bir iz kaydettikten sonra, artık aynı görüşme içinde önceden belirli bir bağlam seçmeden tam iz, ilgili performans analizleri ve alan verileri hakkında Gemini ile sohbet edebilirsiniz. Bu sayede, daha ayrıntılı incelemeye geçmeden önce performans sorunlarına daha bütünsel bir şekilde bakabilirsiniz.

Gemini'ın yardımıyla olası bir sorunu belirledikten sonra daha ayrıntılı inceleme için izleme etkinliği veya performans analizi gibi daha spesifik bir bağlam öğesini sorunsuz bir şekilde seçebilir ve aynı sohbete devam edebilirsiniz.

Aynı şekilde, Performans > Analizler'deki tüm analizler artık Gemini ile sohbet etmeniz için kullanılabilir.

Çekmece yönünü değiştirme

Çekmece de artık yana taşınabilir. Bu seçenek, panelleri üst üste değil yan yana görüntülemenizi sağlar. Ana sekme çubuğunda bir panel adını sağ tıklayın ve seçili paneli çekmeceye taşımak için Çekmeceye taşı'yı seçin.

⋮ > Diğer Araçlar'dan çekmeceye ek paneller ekleyin.

Yönü değiştirmek için çekmecede yeni bir açma/kapatma düğmesi

Google Developer Program

Google Developer Program artık DevTools'a entegre edildi. Profil yönetimi için doğrudan bağlantılar ve kazanılacak yeni rozetler eklendi.

Geliştirici Araçları ayarlarında Google Geliştirici Profili'ne yönelik kontroller

Rozetler, etkinleştirilmesi gereken bir özelliktir. Rozetleri etkinleştirmek için Ayarlar > Tercihler > Hesap'a gidin ve Rozet kazanın'ı açın.

Diğer önemli noktalar

Bu sürümdeki önemli düzeltme ve iyileştirmelerden bazıları şunlardır:

  • Uygulama paneli artık Service Worker'lar, Shared Worker'lar ve Dedicated Worker'lar dahil olmak üzere tüm Worker türleri için depolama alanı incelemesini destekliyor.
  • :target-current artık Stiller panelinde gösteriliyor.
  • Ağ paneli artık istekleri yeni bir Is ad-related boolean'a göre filtreleyebilir.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanmayı düşünebilirsiniz. Bu önizleme kanalları, en yeni DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve kullanıcılarınızdan önce sitenizdeki sorunları bulmanıza yardımcı olur.

Chrome Geliştirici Araçları Ekibi ile iletişime geçme

Yeni özellikler, güncellemeler veya Geliştirici Araçları ile ilgili diğer konuları tartışmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

Geliştirici Araçları'ndaki Yenilikler serisinde ele alınan her şeyin listesi.