Chrome DevTools'da yapay zeka desteğinin kullanım alanlarını keşfedin ve stil, performans ve daha pek çok alanda hata ayıklama iş akışınızı nasıl destekleyebileceğini öğrenin.

… için

Öğenizin düzeni ve bu düzenin nasıl değiştirileceği hakkında ayrıntılı bilgi edinmek için aşağıdaki gibi istemlerden yararlanabilirsiniz:

How is this element laid out?

Bu bir flex öğe mi? Kesin olarak mı konumlandırılmış? Bir ızgaranın parçası mı? Yapay zeka desteği, öğe ağaçlarının düzenini özetleyebilir ve nasıl değiştirileceğini gösteren kod örnekleri sağlayabilir.

Çalışmayan bir animasyonunuz mu var? Animasyonlu öğenizle ilgili yapay zeka yardımı alın:

Why is my animation not working?

Yapay zeka yardımı, hatanın nerede olabileceğini bulmak için alakalı CSS özelliklerini, etkinlik işleyicileri ve daha fazlasını kontrol eder ve hatayı düzeltmek için kod örnekleri sağlar.

DEMO

Stil oluşturma konusunda yapay zeka yardımını test edecek bir projeniz mi yok? DevTools Hangar'da deneyin.

DevTools uçağını tekrar uçurmak için dikdörtgen tekerlekleri, bozuk konum ışıklarını ve duman çıkaran motoru düzeltmek üzere doğru istemleri bulun.

… için ağ

İstek ve yanıt başlıkları genellikle bir bakışta anlaşılmayan önemli bilgiler içerir. Aşağıdakileri açıklaması için yapay zeka yardımından yararlanabilirsiniz:

Does this request have any notable headers?

Belirli bir isteğin çok uzun sürdüğünü ama nedenini tam olarak anlayamadığınız oldu mu? Yapay zeka yardımından bu konuyu sizin için incelemesini isteyin:

Why is this request taking so long?

Yapay zeka desteği, kaydedilen zamanlamaları inceler ve bir sorun olup olmadığını size bildirir.

… performans için

Yavaş bir web sitesinin temel nedenini bulmak zor olabilir. Performans profillerinizdeki zirveleri anlayamıyor musunuz? Yapay zeka desteği, arama ağaçlarını sizin için basitleştirebilir:

Anything to improve in this call tree?

Kaynaklar için …

Web sitenizin kullandığı tüm kodu yazmanız nadir bir durumdur. Belirli bir kaynağın neden yüklendiğini ve ne için kullanıldığını anlayamıyor musunuz? Yapay zeka desteği şu konularda yardımcı olabilir:

What is this file used for?

Yapay zeka yardımı, analiz komut dosyası, sosyal widget veya A/B testi kitaplığı fark etmeksizin ayrıntıları inceleyip sorununuzu çözer.