開発者ツールのネットワーク パネルが提供するよりも、Web ブラウザーのネットワーク レベルで何が起こっているかを詳しく調べるにはどうすればよいですか? たとえば、現在 Firefox (18.0.1) でページの問題をデバッグしようとしています。このページでは、ページの読み込みが完了した後も、読み込み中の「スピナー」が長時間継続して実行されます。
firebug net パネルには、すべてのリソースがロードされている (「200 OK」) と表示されますが、タブのロード アイコンは回転したままで、ウィンドウの下部にあるテキストには「Transferring data..」と表示されたままです。どうすればもっと詳しく見て、まだ転送されていると思われるものを確認できますか? これは Firefox でのみ発生し、新しいロード時にのみ発生するように見えることに注意してください (リソースがキャッシュされている場合ではありません)。
Wireshark と HTTPScoup (別のツール) を使用してリンクを確認した結果、すべてのデータが正常に到着し、サーバーの IP との接続が開いたままになっていないという結論が得られました。FFの問題は他の何かに関連していると思います
Google は、場合によっては FF をこの状態に混乱させる可能性があることを明らかにしています。開いているネットワーク接続に関連している必要はありません。
たとえば、この質問を見てください 。
HTML 本文に閉じられていないタグがあった問題..このような問題も見つけてみてください。このようなバリデーターを実行して、いくつかの検証エラーを修正してみることができます。約200 の検証エラーがあるため、問題が解決するまで HTML コードの半分を削除することから始めて、問題の場所を特定することをお勧めします。次に、タグの混乱を修正します.. HTMLソースを少し見て、頭が痛くなりました:)
HttpFoxと呼ばれる非常に優れたFirefox拡張機能をお勧めします。これは、wiresharkや友人よりも少し使いやすいです。
これにより、ページによって行われたHTTP呼び出し、およびページ間のフロー（高速リダイレクトなど）をより詳細に確認できます。これがどのように見えるかです：
これを行うには、 FiddlerやWiresharkなどのツールを使用します。これらのツールは両方とも、より低レベルのパケット情報を提供します。
私はフィドラーから始めます。Fiddler は http トラフィックの分析を目的としていますが、Wireshark はネットワーク トラフィックのすべての層に対する本格的なパケット スニッフィング ツールです。
これらのツールのもう 1 つの利点は、どのブラウザーでも使用できることです。fiddler の欠点の 1 つは、Windows でしか利用できないことです。