Como determino o tamanho de uma fonte de página no Chrome?

31

Obviamente, quero obter a resposta sem salvar a página. Parece básico, mas não consigo descobrir como fazer isso. Se requer um plugin, está tudo bem. Seria bom se a solução também cobrir folhas de estilo, scripts e imagens, associados à página.

google-chrome google-chrome-extensions

— xxzoid
fonte

42

Abra Ferramentas do desenvolvedor ( Ctrl+ Shift+ Iou Ícone de configurações na parte superior direita da janela do navegador => Tools=> Developer tools) na página necessária, alterne para a guia Rede e recarregue a página .

Na coluna Tamanho , você verá o tamanho de tudo carregado ( Documentos, Folhas de estilo, Imagens, Scripts, ... ). Você pode ativar o filtro para ajudá-lo a descobrir apenas o material necessário na parte inferior central do quadro de ferramentas do desenvolvedor.

— Cust0dian
fonte

2

Obrigado! A necessidade de recarregar não é tão intuitiva.

— Xxzoid

4

É uma merda. Clique com o botão direito do mouse -> 'exibir propriedades' ou algo semelhante em uma página já carregada pareceria muito mais intuitiva.

— 15134 tholu

14

Vale acrescentar que o tamanho total de todas as solicitações ao servidor é listado na parte inferior quando a guia Rede é aberta. Não é imediatamente óbvio

— Aidan Miles

Em uma versão mais recente do Chrome, o tamanho total na parte inferior da guia Rede é listado como KB / MB transferido , que deve ser igual à soma da coluna Tamanho .

— Clint Pachl 14/11

3

Criei minha terceira extensão do Chrome Inspetor de tamanho de página que relata rapidamente o tamanho da página, o uso do cache, as solicitações de rede e o tempo de carregamento de uma página da Web de maneira conveniente.

— Tomi Mickelsson
fonte

muito legal, felicidades!

— Jonathan Laliberte 28/09

1

Existe uma extensão chamada " Visualizador rápido da fonte ", que armazena em cache todos os recursos quando uma página é carregada. Abra o visualizador (ícone azul), o tamanho (número de bytes) é mostrado no painel de navegação à esquerda.

— basic6
fonte