タイトルのように。jQuery、または単純なJavaScriptコードを使用すると、特定のページが使用するすべてのスクリプト(CSSと画像)のテーブルを取得できます。各リソースファイルサイズを取得するための解決策があるかどうかを調べています。
私はここでかなり良い研究をしたと思います。ほとんどの答えは、サーバーにアップロードされたファイル、アップロードされたファイル、またはアップロードされる直前のファイルに関するものなので、私が探しているのはそうではありません。HTML5で導入されたサポートがいくつかありますが、これもアップロードされたファイルのみを対象としているようです。
もちろん、私はクロスブラウザーソリューションを探しているので、古いIEで導入されたいくつかのくだらないファイルオブジェクトを使用することも、私が探しているものではありません。また、サーバーに保存されている、指定されたURLでアクセス可能なファイルのファイルサイズをチェックすることだけを話していることを強調しておきます。したがって、セキュリティ上の理由から、JavaScriptからローカルファイルにアクセスできないなどの回答を書かないでください。私はすでにそれを知っています。
私はSOで非常に優れた解決策を見つけましたが、問題を解決するためにAJAXリクエストを使用しています。非常に興味深いものですが(HEADタイプのリクエストの送信)、すべてのサーバーで機能するとは限りません(ただし、すべての主要なブラウザーでサポートされている回答の作成者によってテストされています)。そして、分析された各ページで見つけたリソースごとにAJAXリクエストを実行することに少しワクワクしています。
だから、そのような解決策はないと思います。そして、誰かが私の仮定が間違っていることを証明できれば、私は幸せです。しかし、一方で、Firebugなどでこれをどのように行うのでしょうか。私が間違っていなければ、XPI拡張機能はJavaScriptで書かれていますよね?また、Firebugは、現在のWebサイトで使用されているリソースのサイズを確実に測定できます。