Chrome DevTools'un şunları yapmanızı sağlayan bir özelliği vardır:
- Geçerli web sayfasının kullandığı herhangi bir kaynağın kodunu görün (CSS ve JavaScript gibi).
- "Güzel Yazdır" (okunabilirlik için biçimlendirin)
- Diske kaydedin
- Sayfa yenilendiğinde bile, canlı sürümü geçersiz kılmak için kaydedilen sürümü kullanın.
Bu sonuncusu oldukça harika. Yalnızca canlı web sitesinde meydana gelen bir sorunu hata ayıklıyorsanız, bu size sorunun kökenine inmenizi sağlayacak bir hata ayıklama aracı sağlar.
Bu özelliği, yaşadığım tuhaf bir hatayı bulmak için burada kullanacağız.
Aşırıya kaçıldığında, DevTools'u birincil kod düzenleyiciniz olarak bile kullanabilirsiniz, çünkü dosyaları gerçek projenizin diskte bulunduğu yere geri eşleme yeteneğine sahiptir.