it-swarm-ja.com

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

もちろん、ページを保存せずに答えを出したいです。基本的なようですが、どうすればいいのか分かりません。プラグインが必要な場合は問題ありません。ソリューションがページに関連付けられたスタイリングシート、スクリプト、および画像もカバーするのであれば、すばらしいでしょう。

31
xxzoid

開く開発者ツールCtrl+Shift+I または 設定アイコン ブラウザウィンドウの右上に=> Tools => Developer tools)必要なページで、Networkタブに切り替え、reload page

Size列には、読み込まれたすべてのサイズが表示されます(Documents、Stylesheets、Images、Scripts、... )。フィルターを有効にすると、開発者ツールフレームの下部中央で必要なものだけを見つけることができます。

42
Cust0dian

3番目のChrome拡張機能 ページサイズインスペクター を作成しました。これは、ページサイズ、キャッシュの使用状況、ネットワークリクエスト、およびWebページの読み込み時間を便利な方法ですばやく報告します。

3
Tomi Mickelsson

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

1
basic6