DevTools ve Chrome 141'deki yenilikler

Sofia Emelianova
Sofia Emelianova
GitHub

Yapay zeka aracınız için Chrome Geliştirici Araçları (MCP)

Yeni Chrome Geliştirici Araçları Model Bağlamı Protokolü (MCP) sunucusunun önizlemesine göz atabilirsiniz. Chrome Geliştirici Araçları'nın gücünü yapay zeka kodlama asistanlarına taşır.

Daha önce, kodlama aracıları oluşturdukları kodun tarayıcıda çalıştırıldığında ne yaptığını göremiyordu. Chrome Geliştirici Araçları MCP sunucusu bunu değiştirir. Yapay zeka kodlama asistanları, web sayfalarında doğrudan Chrome'da hata ayıklayabilir ve Geliştirici Araçları'nın hata ayıklama özelliklerinden ve performans analizlerinden yararlanabilir. Bu sayede sorunları tespit edip düzeltme konusunda daha doğru sonuçlar elde edebilirler.

İşleyiş şeklini kendiniz görün:

Daha fazla bilgi için Yapay zeka aracınız için Chrome Geliştirici Araçları (MCP) başlıklı makaleyi inceleyin.

Gemini ile ağ bağımlılık ağacında hata ayıklama

Performans > Analizler > Ağ bağımlılığı ağacı analizinde artık AI ile hata ayıklama düğmesi bulunuyor. Bu düğme sizi Yapay zeka yardımı paneline yönlendiriyor. Böylece söz konusu ağacı Gemini'ın yardımıyla tartışabilir ve hatalarını ayıklayabilirsiniz.

"Ağ bağımlılığı ağacı" analizine "Yapay zeka ile hata ayıklama" düğmesi eklenmeden önceki ve eklendikten sonraki görünüm.

Gemini ile etkileşimlerinizi dışa aktarma

Artık üstteki işlem çubuğunda Sohbeti dışa aktar düğmesini veya sohbetteki Gemini mesajının altında Yanıtı kopyala'yı tıklayarak Gemini ile yaptığınız mevcut sohbeti dışa aktarabilir veya yanıtını panoya kopyalayabilirsiniz.

Dışa aktarma ve kopyalama düğmesi, yapay zeka yardımına eklenmeden önce ve eklendikten sonraki görünüm.

Performans panelinde kalıcı iz yapılandırması

Performans panelinde kaydedilmiş bir izi yapılandırdığınızda DevTools artık yapılandırmanızı kaydediyor ve geri içe aktardığınızda veya yeni bir iz kaydettiğinizde uyguluyor.

IP korumalı ağ isteklerini filtreleme

Ağ panelinde artık IP koruması proxy'lerine gönderilen istekleri filtreleyebilirsiniz.

"IP Protected requests" filtresi, Ağ paneline eklenmeden önce ve eklendikten sonraki durum.

Öğeler > Düzen sekmesine duvar düzeni desteği eklendi

Artık Öğeler > Stiller sekmesinde duvar örgü düzenini inceleyebilirsiniz.

Duvar örgü düzeni, bir eksenin genellikle sütunlar olmak üzere tipik bir katı ızgara düzeni, diğer eksenin ise duvar örgü düzeni kullandığı bir düzen yöntemidir.

Elements - Layout'a duvar düzeni desteği eklenmeden önceki ve sonraki görünüm.

Lighthouse 12.8.2

Lighthouse paneli artık Lighthouse 12.8.2'yi çalıştırıyor.

Bu sürümde en dikkat çekici değişiklik, Lighthouse'un CSS özel özellikleriyle ilgili bulunan sorunları kendi hata mesajlarına ayırmasıdır.

Değişikliklerin tam listesini de inceleyin.

Geliştirici Araçları'nda Lighthouse panelini kullanmanın temel bilgileri için Lighthouse: Web sitesi hızını optimize etme başlıklı makaleyi inceleyin.

Chromium sorunu: 40543651.

Diğer önemli noktalar

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

  • Performans: Boşta geri çağırma isteği etkinlikleri artık timeout özelliğini içeriyor (crbug.com/441679219).
  • Erişilebilirlik. Ekran okuyucular artık aşağıdakileri okuyacak:
  • Ağ: Bir ağ günlüğü öğesini sağ tıkladığınızda öğe seçilir (crbug.com/368510578).

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