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.
Chrome Geliştirici Araçları'nı açmak için kullanabileceğiniz tüm yöntemler.
Geliştirici Araçları'ndaki son değişikliklerden haberdar olun.
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ü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ına ilişkin kapsamlı bir referans.
JavaScript devre dışı bırakıldığında bir web sayfasının nasıl göründüğünü ve davrandığını öğrenin.
Mobil cihazlara öncelik veren web siteleri oluşturmak için cihazları simüle edin.
Arama panelini kullanarak tüm yüklü kaynaklarda metin bulabilirsiniz.

Panels

Her bir Geliştirici Araçları panelinin gücünü 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.
Mesajları günlüğe kaydedin ve JavaScript'i çalıştırın.
Dosyaları görüntüleme ve düzenleme, snippet oluşturma, JavaScript hatalarını ayıklama ve çalışma alanı kurma.
Ağ isteklerini günlüğe kaydedin.
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.
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.
JavaScript'te bir ArrayBuffer, TypedArray veya DataView'un yanı sıra WebAssembly'yi ve C++ Wasm uygulamalarının belleğini inceleyin.
Kullanıcı aracısı dizesini geçersiz kıl.
Ağ isteklerini engelleyerek sitenizi test edin.
Her tarayıcı sekmesi için bilgileri görüntüleme ve medya oynatıcılarda hata ayıklama.
Animasyonları inceleyin ve değiştirin.
HTML, CSS ve JavaScript'teki değişiklikleri izleyin.
Kullanılmayan JavaScript ve CSS kodlarını bulup analiz edin.
Kaynak eşlemelerinin başarıyla yüklenip yüklenmediğini kontrol edin ve bunları manuel olarak yükleyin.
CSS'de iyileştirilebilecek noktaları belirleyin.
Lighthouse paneliyle web sitesi hızını optimize edin.
Web sitenizin performansı hakkında harekete geçirici analizler elde edin.
Yükü ve çalışma zamanı performansını izleyin.
Diğer panellere erişirken kaynak dosyaları görüntüleyin ve düzenleyin.
Cihaz sensörlerinin emülasyonunu yapar.
WebAudio API metriklerini görüntüleyin.
Kimlik doğrulayıcı emülasyonu kullanın.