web-dev-qa-db-fra.com

Comment déterminer la taille d'une source de page dans Chrome?

De toute évidence, je veux obtenir la réponse sans enregistrer la page. Cela semble fondamental, mais je ne vois pas comment faire cela. Si cela nécessite un plugin, c'est bon. Ce serait bien si la solution couvrait également les feuilles de style, les scripts et les images associés à la page.

27
xxzoid

Ouvrir Outils de développement ​​(Ctrl+Shift+I ou icône Paramètres en haut à droite de la fenêtre de votre navigateur => Tools=>> Developer tools) de la page souhaitée, passez à l'onglet Résea et recharger la page.

Dans la colonne Taille, vous verrez la taille de tout ce qui est chargé ( Documents, feuilles de style, images, scripts, ... ). Vous pouvez activer le filtre pour vous aider à trouver uniquement les éléments nécessaires dans la partie inférieure centrale du cadre des outils de développement.

36
Cust0dian

J'ai créé ma troisième extension Chrome , Inspecteur de la taille de la page , qui indique rapidement la taille de la page, l'utilisation du cache, les requêtes réseau et le temps de chargement d'une page Web.

3
Tomi Mickelsson

Il existe une extension appelée " Quick Source Viewer ", qui met en cache toutes les ressources lors du chargement d'une page. Ouvrez la visionneuse (icône bleue), la taille (nombre d'octets) est affichée dans le volet de navigation de gauche.

1
basic6