Chromeでページソースのサイズを確認するにはどうすればよいですか?


31

明らかに、ページを保存せずに答えを取得したいです。それは基本的なように思えますが、私はそれを行う方法を理解することはできません。プラグインが必要な場合は、大丈夫です。このソリューションが、ページに関連付けられているスタイリングシート、スクリプト、および画像もカバーしていると便利です。

回答:


42

オープン開発ツールCtrl+ Shift+ Iまたは設定アイコンブラウザウィンドウ=>の右上にあるTools=> Developer tools)必要なページで、スイッチへのネットワークタブとリロードページ

[ サイズ ]列には、ロードされたすべてのサイズ(ドキュメント、スタイルシート、画像、スクリプトなど)が表示されます。フィルターを有効にすると、開発者ツールフレームの中央下部で必要なものだけを見つけることができます。


2
ありがとう!リロードの必要性はそれほど直感的ではありません。
xxzoid

4
種類の吸い込み。右クリック->「プロパティの表示」または既に読み込まれているページで類似したものは、はるかに直感的に感じられます。
tholu 14年

14
[ネットワーク]タブを開いたときに、サーバーへのすべてのリクエストの合計サイズが一番下に表示されることを追加する価値があります。すぐにはわかりません
エイダンマイル

Chromeのより新しいバージョンでは、[ネットワーク]タブの下部にある合計サイズはKB / MB transferと表示されます。これは[ サイズ ]列の合計と等しくなります。
クリントパクル


1

クイックソースビューアー」と呼ばれる拡張機能があり、ページが読み込まれるとすべてのリソースをキャッシュします。ビューアー(青いアイコン)を開くと、左側のナビゲーションペインにサイズ(バイト数)が表示されます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.