Jak określić rozmiar źródła strony w Chrome?

31

Oczywiście chcę uzyskać odpowiedź bez zapisywania strony. Wydaje się to proste, ale nie mogę wymyślić, jak to zrobić. Jeśli wymaga wtyczki, jest w porządku. Byłoby miło, gdyby rozwiązanie obejmowało również arkusze stylów, skrypty i obrazy związane ze stroną.

xxzoid
źródło

Odpowiedzi:

42

Otwórz narzędzia programistyczne ( Ctrl+ Shift+ Ilub ikona ustawień w prawym górnym rogu okna przeglądarki => Tools=> Developer tools) na potrzebnej stronie, przejdź do karty Sieć i załaduj ponownie stronę .

W kolumnie Rozmiar zobaczysz rozmiar wszystkiego załadowanego ( dokumenty, arkusze stylów, obrazy, skrypty, ... ). Możesz włączyć filtr, aby pomóc Ci znaleźć tylko potrzebne rzeczy w dolnej środkowej części ramki narzędzi programisty.

Cust0dian
źródło
2
Dzięki! Konieczność ponownego załadowania nie jest tak intuicyjna.
xxzoid,
4
Coś do bani. Kliknięcie prawym przyciskiem myszy -> „wyświetl właściwości” lub coś podobnego na już załadowanej stronie byłoby bardziej intuicyjne.
tholu
14
Warto dodać, że całkowity rozmiar wszystkich żądań wysyłanych do serwera znajduje się na samym dole listy, gdy masz otwartą kartę Sieć. Nie jest to od razu oczywiste
Aidan Miles
W nowszej wersji Chrome całkowity rozmiar na dole karty Sieć jest wymieniony jako przesłany KB / MB , co powinno być równe sumie kolumny Rozmiar .
Clint Pachl
3

Utworzyłem swoje trzecie rozszerzenie przeglądarki Chrome Inspektor wielkości strony, który szybko raportuje rozmiar strony, użycie pamięci podręcznej, żądania sieciowe i czas ładowania strony internetowej w wygodny sposób.

Tomi Mickelsson
źródło
naprawdę fajnie, na zdrowie!
Jonathan Laliberte
1

Istnieje rozszerzenie o nazwie „ Szybka przeglądarka źródeł ”, które buforuje wszystkie zasoby po załadowaniu strony. Otwórz przeglądarkę (niebieska ikona), rozmiar (liczba bajtów) jest pokazany w okienku nawigacji po lewej stronie.

podstawowy 6
źródło