Chrome Geliştirici Araçları (original) (raw)

Koleksiyonlar ile düzeninizi koruyun İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.

DevTools

Chrome Geliştirici Araçları, doğrudan Google Chrome tarayıcısında yerleşik olarak bulunan bir dizi web geliştiricisi aracıdır. Geliştirici Araçları sayesinde sayfaları anında düzenleyebilir ve sorunları daha hızlı teşhis edebilirsiniz. Bu da daha iyi web sitelerini daha hızlı şekilde oluşturmanıza yardımcı olur.

DevTools, yaygın web geliştirme görevlerini destekler. Bu sayfadaki bölümlere atlayıp DevTools'un önemli özelliklerinden bazılarını keşfedin. Nereden başlayacağınızı bilmiyor musunuz veya DevTools'u ilk kez mi kullanıyorsunuz? DevTools'a giriş videosunu izleyin.

Yapay zeka yardımı alma

Konsol analizleri ve yapay zeka desteği, JavaScript hatalarını, performansı ve stili daha verimli bir şekilde hata ayıklamanıza ve düzeltmenize yardımcı olur.

Performansı anlama

Sayfanızın performansına dair kapsamlı ve uygulanabilir bir görünüm elde edin.

Kaynakları inceleme

Sayfanız tarafından yüklenen kaynakları nasıl inceleyeceğinizi ve tarayıcınızdan nasıl düzenleyeceğinizi öğrenin.

Ağı analiz etme

Ağ isteklerini ve yanıtlarını anında analiz edip üzerine yazabilirsiniz.

Yapay zeka yardımı ve konsol analizleri

Geliştirici Araçları'ndaki yapay zeka yeniliklerinin daha hızlı ve daha fazla iş yapmanıza nasıl olanak tanıdığını keşfedin.

Başlama

Gemini'nin web sitenizin stilini, ağını, kaynaklarını ve performansını analiz etmenize ve iyileştirmenize yardımcı olmasına izin verin.

İlham alın

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.

Konsol mesajlarını anlama

DevTools'daki konsol mesajlarını ve hatalarını anlayın ve bunları kopyalayıp yapıştırmadan nasıl düzelteceğinizi öğrenin.

Web geliştirmeyle ilgili yaygın sorunları çözmek için Geliştirici Araçları'nın nasıl kullanılacağını açıklayan aylık video serimizi inceleyin.

Performans izleme kaydını alma ve analiz etme

Geliştirici Araçları'nda performans izleme kaydını nasıl kaydedeceğinizi ve performans sorunlarını tespit edip düzeltmek için nasıl analiz edeceğinizi öğrenin.

Canlı Core Web Vitals'ı izleme

LCP sorunlarını düzeltin ve kullanıcılarınıza benzer bir deneyimde hata alıp almadığınızı görmek için CrUX verilerini kullanın

Önbelleğe alma hakkında

Farklı tarayıcı önbelleği türleri ve bunların Chrome Geliştirici Araçları'nda nasıl incelenip yönetileceği hakkında bilgi edinin.

Ekranı dondurma ve kaybolan öğeleri inceleme

Bir öğeyi incelemeye çalışırken öğe kayboluyor mu? Kodunuz sizinle saklambaç oynuyor.

Performans analizleri alma

Çalışma zamanı performansınızın farklı yönlerini ölçmenize ve optimize etmenize yardımcı olacak çok çeşitli araçlar: Performans paneli, Lighthouse ve daha fazlası.

Performans aracına genel bakış

Performans panelindeki tüm özellikler hakkında bilgi edinin: performans izleme kaydetme, izlemeyi görüntüleme ve analiz etme ve daha fazlası.

Performans araçlarının geleceği

Performans paneli, 15 yılın büyük bir bölümünde geliştiricilerin çalışma zamanı performanslarını ölçmesine ve optimize etmesine yardımcı olmuştur. Bu özelliğin gelecekte nasıl gelişeceğini öğrenin.

Haberler ve güncellemeler

Kaynakları inceleme ve düzenleme

Özellik referansı

Kaynaklar panelindeki tüm özellikler hakkında bilgi edinin: Dosyaları görüntüleme ve düzenleme, JavaScript'de hata ayıklama ve çalışma alanı oluşturma.

Çalışma alanı oluşturma

Workspace, Geliştirici Araçları'nda yaptığınız değişiklikleri bilgisayarınızda depolanan kaynak koda kaydetmenize olanak tanır. Kendi projelerinizde nasıl çalışma alanı oluşturacağınızı öğrenin.

Ağ etkinliğini analiz etme

Ağ paneli

Ağ panelindeki tüm özellikler hakkında bilgi edinin: yanıt ve istek gövdelerini inceleme, başlıkların üzerine yazma ve daha fazlası.

Daha fazla araç

Geliştirici Araçları'ndaki diğer tüm özellikleri ve işlevleri keşfedin.