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ą.

google-chrome google-chrome-extensions

— xxzoid
źródło

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