Chrome Geliştirici Araçları, web uygulamalarınızı ayrıntılı bir şekilde incelemenize ve iyileştirmenize yardımcı olan birçok güçlü araç sunar.
Aşağıdaki videoda, Denetle düğmesi ve Cihaz Modu'nun yanı sıra Öğeler, Konsol, Kaynaklar ve Ağ panelleri gibi altı temel araca genel bir bakış sunulmaktadır. Ayrıca Stiller sekmesi ve DevTools'u özelleştirme yöntemleri hakkında bilgi edineceksiniz.
Aşağıdakileri nasıl yapacağınızı öğrenmek için videoyu izleyin:
- DOM öğelerini inceleyip düzenleyin.
- Kutucu modeli ile bir öğenin boyutlarını görselleştirin ve değiştirin.
- Sayfanızın mobil cihazlarda nasıl göründüğünü öğrenin.
- Konsol paneliyle JavaScript hatalarını tanımlayın.
- Kaynaklar panelinde durak noktalarını kullanarak JavaScript'de hata ayıklama
- Ağ panelinde ağ etkinliğini analiz edin ve filtreleyin.
- Daha düşük bağlantı hızlarını simüle edin.
- Geliştirici Araçları'nı özelleştirin.
Ayrıntılı bir genel bakış için Geliştirici Araçları'na genel bakış başlıklı makalemizi inceleyin.