Dale St. Marthe
Chrome Geliştirici Araçları, web uygulamalarınızı derinlemesine incelemenize ve iyileştirmenize yardımcı olan birçok güçlü araç sunar.
Aşağıdaki videoda İncele düğmesi ve Cihaz Modu dahil olmak üzere altı temel aracın yanı sıra Öğeler, Konsol, Kaynaklar ve Ağ panelleri hakkında genel bir bakış sunulmaktadır. Ayrıca, Stiller sekmesi hakkında bilgi edinecek ve Geliştirici Araçları'nı özelleştirmenin yollarını öğreneceksiniz.
Aşağıdakileri nasıl yapacağınızı öğrenmek için videoyu izleyin:
- DOM öğelerini inceleyin ve düzenleyin.
- Box Modeli ile bir öğenin boyutlarını görselleştirin ve değiştirin.
- Sayfanızın mobil cihazlarda nasıl göründüğüne bakın.
- Konsol panelini kullanarak JavaScript hatalarını tanımlayın.
- Kaynaklar panelindeki ayrılma noktalarını kullanarak JavaScript hatalarını ayıklayın.
- Ağ panelinde ağ etkinliğini analiz edin ve filtreleyin.
- Daha yavaş 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ış sayfamızı inceleyin.