Chrome'da bir sayfa kaynağının boyutunu nasıl belirlerim?

Açıkçası, sayfayı kaydetmeden cevap almak istiyorum. Basit görünüyor, ama nasıl yapılacağını çözemiyorum. Bir eklenti gerektiriyorsa sorun değil. Çözüm, sayfayla ilişkili stil sayfalarını, komut dosyalarını ve görüntüleri de kapsıyorsa iyi olurdu.

Açık Geliştirici araçları ( Ctrl+ Shift+ Iveya Ayarlar Simge Tarayıcı pencerenizin => üst sağda Tools=> Developer tools) gerekli sayfada, geçiş Ağ sekmesi ve yeniden sayfa .

In Boyut sütununun her şeyin boyutu (yüklenen göreceksiniz Belgeler, Stil, Görüntüler, Script, ... ). Geliştiriciyi, araçlar araçları alt merkezinde sadece ihtiyaç duyduğunuz şeyleri bulmanıza yardımcı olmak için etkinleştirebilirsiniz.

Sayfa boyutunu, önbellek kullanımını, ağ isteklerini ve bir web sayfasının yükleme süresini uygun bir şekilde hızlı bir şekilde raporlayan 3. Chrome uzantısı Sayfa Boyutu Denetçimi oluşturdum.

Sayfa yüklendiğinde tüm kaynakları önbelleğe alan " Hızlı kaynak görüntüleme " adlı bir uzantı var . Görüntüleyiciyi açın (mavi simge), boyut (bayt sayısı) soldaki gezinme bölmesinde gösterilir.