Bagaimana cara menentukan ukuran sumber halaman di Chrome?

31

Jelas, saya ingin mendapatkan jawabannya tanpa menyimpan halaman. Kelihatannya mendasar, tetapi saya tidak tahu bagaimana cara melakukannya. Jika membutuhkan plugin, tidak apa-apa. Akan lebih baik jika solusinya juga akan mencakup lembar styling, skrip dan gambar, yang terkait dengan halaman.

google-chrome google-chrome-extensions xxzoid
sumber

Jawaban:

42

Buka alat Pengembang ( Ctrl+ Shift+ Iatau Ikon Pengaturan di kanan atas jendela browser Anda => Tools=> Developer tools) pada halaman yang diperlukan, beralih ke tab Jaringan dan muat ulang halaman .

Di kolom Ukuran Anda akan melihat ukuran semua yang dimuat ( Dokumen, Lembar Gaya, Gambar, Skrip, ... ). Anda dapat mengaktifkan filter untuk membantu Anda mengetahui hanya barang-barang yang diperlukan di bagian tengah bawah bingkai Alat pengembang.

Cust0dian
sumber
2
Terima kasih! Kebutuhan untuk memuat ulang tidak begitu intuitif.
xxzoid
4
Agak menyebalkan. Klik kanan -> 'lihat properti' atau sesuatu yang serupa pada halaman yang sudah dimuat akan terasa jauh lebih intuitif.
tholu
14
Nilainya menambahkan bahwa ukuran total dari semua permintaan ke server terdaftar di bagian paling bawah ketika Anda membuka tab Network. Tidak segera jelas
Aidan Miles
Dalam versi Chrome yang lebih baru, ukuran total di bagian bawah tab Jaringan terdaftar sebagai KB / MB yang ditransfer , yang harus sama dengan jumlah kolom Ukuran .
Clint Pachl
3

Saya telah membuat Inspektur Ukuran Halaman ekstensi Chrome ke-3 saya yang dengan cepat melaporkan ukuran halaman, penggunaan cache, permintaan jaringan, dan waktu buka halaman web dengan cara yang mudah.

Tomi Mickelsson
sumber
sangat keren, tepuk tangan!
Jonathan Laliberte
1

Ada ekstensi yang disebut " Quick source viewer ", yang menyimpan semua sumber daya saat halaman dimuat. Buka penampil (ikon biru), ukuran (jumlah byte) ditampilkan di panel navigasi di sebelah kiri.

basic6
sumber