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

Question

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, tudo bem. Seria bom se a solução também abrangesse folhas de estilos, scripts e imagens associadas à página.

    

Answer 1

Abra Ferramentas de desenvolvedor ( Ctrl + Deslocamento + I ou Settings Icon no canto superior direito da janela do navegador = > Tools = > Developer tools ) on na página necessária, mude 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 habilitar o filtro para ajudá-lo a descobrir apenas as coisas necessárias na parte inferior central do quadro de ferramentas do desenvolvedor.

    

Answer 2

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

    

Answer 3

Há uma extensão chamada " Visualizador de fontes rápidas ", 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.