jsでhtml文書のサイズを取得する方法は？

Question

jsスクリプトが実行されているドキュメントの実際のファイルサイズ（ピクセル単位ではない）をどのように取得できますか？ソリューションは、すべての主要なブラウザで動作するはずです。

Answer 1

ajaxを介してページを適切に再取得し、その長さを文字列として取得できますが、別のHTTP要求をトリガーして待機する必要があるため、これは最適ではありません。

Answer 2

これは、あなたがのみ JSを使用して、ページの完全なソースを見に行くだろうと同じくらい近いです：

document.documentElement.innerHTML 

あなたは、ファイルのための出発点として返された文字列を使用することができますサイズ。イメージを検討する必要がある場合は、DOMツリーを走査して各img要素を検査することによって、そのサイズを手動で追加する必要があります。これは、jQueryのまたは類似のライブラリセレクタを経由して簡単に行うことができます

$("img").each(function() {...});

あなたはさらにFlashやJavaのような要素を考慮する必要がある場合は、JSで完全にこれを行う方法はありません。 AJAXリクエストを実行して、サーバーに参照ファイルのサイズを伝える必要があります。

Answer 3

//

function hrefSize(){ 
    try{ 
     var O= new XMLHttpRequest; 
     O.open("HEAD", document.URL, false); 
     O.send(null); 
     if(O.status== 200){ 
      return O.getResponseHeader('Content-Length'); 
     } 
     else return 0; 
    } 
    catch(er){ 
     return 0; 
    } 
} 
alert(hrefSize()+' bytes');