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.
Başlama Yenilikleri öğrenin
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.
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.
Sayfanızın performansına dair kapsamlı ve uygulanabilir bir görünüm elde edin.
Sayfanız tarafından yüklenen kaynakları nasıl inceleyeceğinizi ve tarayıcınızdan nasıl düzenleyeceğinizi öğrenin.
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.
Gemini'nin web sitenizin stilini, ağını, kaynaklarını ve performansını analiz etmenize ve iyileştirmenize yardımcı olmasına izin verin.
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.
DevTools'daki konsol mesajlarını ve hatalarını anlayın ve bunları kopyalayıp yapıştırmadan nasıl düzelteceğinizi öğrenin.

Geliştirici Araçları İpuçları

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.
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.
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
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.
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 panelindeki tüm özellikler hakkında bilgi edinin: performans izleme kaydetme, izlemeyi görüntüleme ve analiz etme ve daha fazlası.
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.
İzlemelere doğrudan not ekleyin ve kolayca paylaşmak için doğrudan izleme dosyasına kaydedin.

Haberler ve güncellemeler

Kaynakları inceleme ve düzenleme

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.
Başlama
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.
Eğitimi okuyun

Ağ etkinliğini analiz etme

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ı.
Başlama
Ağ panelindeki sık kullanılan görevlerde size yol gösterecek uygulamalı bir eğitim.
Eğitimi okuyun

Daha fazla araç

Geliştirici Araçları'ndaki diğer tüm özellikleri ve işlevleri keşfedin.
Bir sayfanın DOM'sini nasıl görüntüleyeceğinizi ve değiştireceğinizi öğrenin.
Bir sayfanın CSS'sini nasıl görüntüleyeceğinizi ve değiştireceğinizi öğrenin.
HTML, CSS ve JavaScript'teki değişiklikleri izleyin.
Mesajları günlüğe kaydedin ve JavaScript'i çalıştırın.
Web sitesi performansını değerlendirme.
Bellek sızıntıları gibi sayfa performansını etkileyen bellek sorunlarını bulun.
Web uygulamalarını inceleyin, değiştirin ve hata ayıklayın, önbelleği test edin, depolama alanını görüntüleyin ve daha pek çok işlem yapın.
Animasyonları inceleyin ve değiştirin.
Kullanıcı akışlarını kaydetme, tekrar oynatma, ölçme ve adımlarını düzenleme.
Web içeriğinin oluşturulmasını etkileyen seçenekleri keşfedin.
Kayıtlı adresleri inceleyin ve hata ayıklayın.
Web sitenizle ilgili sorunları bulun ve düzeltin.
Bir sayfanın HTTPS tarafından tamamen korunduğundan emin olun.
Her tarayıcı sekmesi için bilgileri görüntüleme ve medya oynatıcılarda hata ayıklama.
Cihaz sensörlerinin emülasyonunu yapar.
Kimlik doğrulayıcı emülasyonu kullanın.