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
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.
Belgeyi okuyun
Klavye kısayollarına ilişkin kapsamlı bir referans.
Belgeyi okuyun
JavaScript devre dışı bırakıldığında bir web sayfasının nasıl göründüğünü ve davrandığını öğrenin.
Belgeyi okuyun
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.
Belgeleri oku
Bir sayfanın CSS'sini nasıl görüntüleyeceğinizi ve değiştireceğinizi öğrenin.
Belgeleri oku
Mesajları günlüğe kaydedin ve JavaScript'i çalıştırın.
Belgeleri oku
Dosyaları görüntüleme ve düzenleme, snippet oluşturma, JavaScript hatalarını ayıklama ve çalışma alanı kurma.
Belgeleri oku
Ağ isteklerini günlüğe kaydedin.
Belgeleri oku
Web sitesi performansını değerlendirme.
Belgeleri oku
Bellek sızıntıları gibi sayfa performansını etkileyen bellek sorunlarını bulun.
Belgeleri oku
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.
Belgeleri oku
Kullanıcı akışlarını kaydetme, tekrar oynatma, ölçme ve adımlarını düzenleme.
Belgeleri oku
Web içeriğinin oluşturulmasını etkileyen seçenekleri keşfedin.
Belgeleri oku
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.

Ayarlar referansı