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.
Geliştirici Araçları'nı aç
Chrome Geliştirici Araçları'nı açmak için kullanabileceğiniz tüm yöntemler.
Geliştirici Araçları'ndaki yenilikler
Geliştirici Araçları'ndaki son değişikliklerden haberdar olun.
Geliştirici Araçları İpuçları
Geliştirici Araçları'ndaki özellikleri öğrenmenize yardımcı olacak kısa videolar.
Komutlar ve kısayollar
Görevleri hızla tamamlayın.
Komut menüsünde komutları çalıştırma
Komut menüsünü açın, komutları çalıştırın, dosyaları açın, diğer işlemleri görün ve daha fazlasını yapın.
Klavye kısayolları
Klavye kısayollarına ilişkin kapsamlı bir referans.
JavaScript'i devre dışı bırak
JavaScript devre dışı bırakıldığında bir web sayfasının nasıl göründüğünü ve davrandığını öğrenin.
Cihaz moduyla mobil cihazları simüle edin
Mobil cihazlara öncelik veren web siteleri oluşturmak için cihazları simüle edin.
Yüklü kaynaklarda ara
Arama panelini kullanarak tüm yüklü kaynaklarda metin bulabilirsiniz.
Panels
Her bir Geliştirici Araçları panelinin gücünü keşfedin.
Öğeler - DOM
Bir sayfanın DOM'sini nasıl görüntüleyeceğinizi ve değiştireceğinizi öğrenin.
Öğeler - CSS
Bir sayfanın CSS'sini nasıl görüntüleyeceğinizi ve değiştireceğinizi öğrenin.
Konsol
Mesajları günlüğe kaydedin ve JavaScript'i çalıştırın.
Kaynaklar
Dosyaları görüntüleme ve düzenleme, snippet oluşturma, JavaScript hatalarını ayıklama ve çalışma alanı kurma.
Ağ
Ağ isteklerini günlüğe kaydedin.
Performans
Web sitesi performansını değerlendirme.
Bellek
Bellek sızıntıları gibi sayfa performansını etkileyen bellek sorunlarını bulun.
Uygulama
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.
Kaydedici
Kullanıcı akışlarını kaydetme, tekrar oynatma, ölçme ve adımlarını düzenleme.
Oluşturma
Web içeriğinin oluşturulmasını etkileyen seçenekleri keşfedin.
Otomatik Doldurma özelliği
Kayıtlı adresleri inceleyin ve hata ayıklayın.
Sorunlar
Web sitenizle ilgili sorunları bulun ve düzeltin.
Güvenlik
Bir sayfanın HTTPS tarafından tamamen korunduğundan emin olun.
Bellek denetleyicisi
JavaScript'te bir ArrayBuffer, TypedArray veya DataView'un yanı sıra WebAssembly'yi ve C++ Wasm uygulamalarının belleğini inceleyin.
Ağ koşulları
Kullanıcı aracısı dizesini geçersiz kıl.
Ağ isteği engelleme
Ağ isteklerini engelleyerek sitenizi test edin.
Medya
Her tarayıcı sekmesi için bilgileri görüntüleme ve medya oynatıcılarda hata ayıklama.
Animasyonlar
Animasyonları inceleyin ve değiştirin.
Aktarma sayısı
HTML, CSS ve JavaScript'teki değişiklikleri izleyin.
Kapsam
Kullanılmayan JavaScript ve CSS kodlarını bulup analiz edin.
Geliştirici kaynakları
Kaynak eşlemelerinin başarıyla yüklenip yüklenmediğini kontrol edin ve bunları manuel olarak yükleyin.
CSS'ye Genel Bakış
CSS'de iyileştirilebilecek noktaları belirleyin.
Deniz Feneri
Lighthouse paneliyle web sitesi hızını optimize edin.
Performans analizleri
Web sitenizin performansı hakkında harekete geçirici analizler elde edin.
Performans izleyicisi
Yükü ve çalışma zamanı performansını izleyin.
Hızlı kaynak
Diğer panellere erişirken kaynak dosyaları görüntüleyin ve düzenleyin.
Sensörler
Cihaz sensörlerinin emülasyonunu yapar.
WebAudio
WebAudio API metriklerini görüntüleyin.
WebAuthn
Kimlik doğrulayıcı emülasyonu kullanın.