Come faccio a determinare la dimensione di un'origine pagina in Chrome?

31

Ovviamente, voglio ottenere la risposta senza salvare la pagina. Sembra di base, ma non riesco a capire come farlo. Se richiede un plug-in, va bene. Sarebbe bello se la soluzione riguardasse anche fogli di stile, script e immagini, associati alla pagina.

google-chrome google-chrome-extensions

— xxzoid
fonte

42

Apri gli strumenti per sviluppatori ( Ctrl+ Shift+ Io l' icona Impostazioni nella parte superiore destra della finestra del browser => Tools=> Developer tools) nella pagina richiesta, passa alla scheda Rete e ricarica la pagina .

Nella colonna Dimensione vedrai le dimensioni di tutto ciò che è stato caricato ( Documenti, Fogli di stile, Immagini, Script, ... ). Puoi abilitare il filtro per aiutarti a scoprire solo le cose necessarie nella parte inferiore centrale del riquadro Strumenti di sviluppo.

— Cust0dian
fonte

2

Grazie! La necessità di ricaricare non è così intuitiva.

— xxzoid,

4

Tipo di schifo. Fare clic con il tasto destro -> "visualizza proprietà" o qualcosa di simile su una pagina già caricata sembrerebbe molto più intuitivo.

— tholu,

14

Vale la pena aggiungere che la dimensione totale di tutte le richieste al server è elencata in fondo quando la scheda Rete è aperta. Non è immediatamente ovvio

— Aidan Miles,

In una versione più recente di Chrome, la dimensione totale nella parte inferiore della scheda Rete è elencata come KB / MB trasferiti , che dovrebbe essere uguale alla somma della colonna Dimensione .

— Clint Pachl,

3

Ho creato il mio 3 ° ispettore dimensioni pagina estensione Chrome che riporta rapidamente le dimensioni della pagina, l'utilizzo della cache, le richieste di rete e il tempo di caricamento di una pagina Web in modo conveniente.

— Tomi Mickelsson
fonte

davvero fantastico, evviva!

— Jonathan Laliberte,

1

C'è un'estensione chiamata "Visualizzatore di sorgenti rapide ", che memorizza nella cache tutte le risorse quando viene caricata una pagina. Apri il visualizzatore (icona blu), la dimensione (numero di byte) è mostrata nel riquadro di navigazione a sinistra.

— basic6
fonte