devtoolstips.org sitesinde şu an 150 kadar DevTools ipucu mevcut, bu sitede chrome geliştiricilerin aracı ile ilgili gerçekten harika ve belki daha önce bilmediğiniz ipuçları mevcut.
Patrick Brosset 2 yıl önce oluşturduğu ve günümüze kadar güncellediği bu sitedeki en iyi ipuçlarını derlemiş. Yazının orijinaline bu linkten ulaşabilirsiniz: www.smashingmagazine.com/2023/06/popular-devtools-tips/
Yararlı DevTools İpuçları ve Püf Noktaları
Tarayıcı DevTools söz konusu olduğunda tüm püf noktalarını bildiğinizi düşünebilirsiniz, ancak hata ayıklama iş akışınızı güçlendirmek için bekleyen düzinelerce panel ve yüzlerce özellik olduğunu biliyor muydunuz? Hata ayıklama kullanım durumunuz ne olursa olsun, muhtemelen iş için doğru olan bir araç vardır. Üretkenliğinizi artırabilecek en popüler DevTools ipuçlarını keşfedelim.
Tarayıcı DevTools söz konusu olduğunda, hepimizin kendi tercihleri ve kişisel iş akışları vardır ve hata ayıklama hayatımızı kolaylaştıran “küçük bir numara” olduğunu bilmekten gurur duyarız.
Ama aynı zamanda – ve bunu son on yıldır Mozilla ve Microsoft’ta DevTools üzerinde çalıştığımdan biliyorum – çoğu insan DevTools’un aynı üç veya dört özelliğini kullanma eğiliminde, geri kalanını kullanmıyor. DevTools’ta tüm tarayıcılarda kullanılabilen düzinelerce panel ve yüzlerce özellik olduğundan ve daha az popüler olanlar bile ihtiyaç duyduğunuzda oldukça yararlı olabileceğinden bu talihsiz bir durumdur.
Görünüşe göre, DevTools Tips web sitesini son iki yıldır sürdürüyorum. Zamanla daha fazla ipucu eklenir ve trafik artmaya devam eder. Son zamanlarda insanların sitede eriştiği en popüler ipuçlarını takip etmeye başladım ve bu verilerin bir kısmını sizinle paylaşmanın ilginç olacağını düşündüm!
Patrick Brosset – Useful DevTools Tips and Tricks: www.smashingmagazine.com/2023/06/popular-devtools-tips/
İşte web sitesindeki en popüler 15 DevTools ipucu.
- Geliştirme Araçlarını Yakınlaştır
- Rahatsız Edici Katmanları Sil
- Bir Sayfada Kullanılan Yazı Tiplerini Listeleyin
- Bir Sayfadaki Rasgele Mesafeleri Ölçün
- Kullanılmayan Kodu Algıla
- Bir Videonun Oynatma Hızını Değiştirme
- DevTools’u Başka Bir Dilde Kullanın
- Olay Dinleyicileri Devre Dışı Bırak
- IOS’ta Safari Dışı Tarayıcılarda Konsol Günlüklerini Görüntüleyin
- Öğe Stillerini Kopyala
- Sayfadaki Tüm Resimleri İndir
- Bir Sayfayı 3 Boyutlu Görselleştirin
- Kötü Amaçlı Hata Ayıklayıcı İfadelerini Devre Dışı Bırak
- Ağ İsteklerini Düzenleyin Ve Yeniden Gönderin
- Cihazları Simüle Et
Sonuç
DevTools’un çok yönlü olduğunu ve hayal gücünüzün izin verdiği kadar çok görevi gerçekleştirmek için kullanılabileceğini artık anladığınızı umuyorum. Hata ayıklama kullanım durumunuz ne olursa olsun, muhtemelen iş için doğru olan bir araç vardır. Ve yoksa, Konsolda JavaScript çalıştırarak bilmeniz gerekenleri öğrenebilirsiniz!
Belirli durumlarda işe yarayan harika küçük ipuçları keşfettiyseniz, lütfen bunları yorumlar bölümünde paylaşın, çünkü bunlar başkaları için de çok yararlı olabilir.