Web開発者向けネットワークモニター


9

グーグルクロムを使用するとき便利なネットワークモニターツールがあります。しかし、クロムネットワークツールは現在開いているウェブページを追跡するだけです。

利用可能な複雑なネットワークモニタツールがたくさんあり、私はクロムネットワークモニタツールの機能だけを必要とします。

すべてのブラウザ(Chrome、Firefox、IEなど)のアクティビティを追跡するために、クロムネットワークツールと同じアイデアとインターフェイスを持つツールを探しています。

誰かがそのようなツールを知っていますか?

希望の機能を備えたいくつかのスクリーンショット:

ダウンロードしたすべてのファイルの概要 A overview of all the network activity

ファイルを選択するとき、あなたはうまくヘッダーを見ることができます header

そしてタブレスポンスでボディの内容は可視です content


Chromeネットワークモニターのスクリーンショットをアップロードしてください。何を探すべきかわかりますか。拡張機能の場合は、Chromeウェブストアの拡張機能ページへのリンクを入力してください。
matan129

右クリックすると見ることができるすべてのクロムブラウザのその標準 - >検査 - >ネットワーク。あなたが尋ねたように私はスクリーンショットをアップロードします。
botenvouwer

素晴らしい、私はクロムをインストールしていないので、スクリーンショットを待つつもりです。
matan129

さて、今スクリーンショットを見ます。しかし、これは開発者用ツールで、クロムでしか利用できません(他のブラウザでも同様のツール)。私は、進行中のすべてのトラフィックに適用されるこのようなWebページ検査ツールがあるとは信じ難いと思います。しかし、私はまだこれについて何らかの調査をするつもりです。私が何かを見つけたら私はできるだけ早く答えを書きます。
matan129

However the chrome network tool only keeps track of the current open webpage - 実際には、一番下のバーで、その黒丸を見ますか?それをクリックすれば、ネットワークアクティビティはウェブページ間で維持されます。
Izkata

回答:


22

からFiddlerをお試しください http://fiddler2.com/

私はWeb開発にそれを使用します、そしてそれがあなたが以前に記録されたhttp要求を修正して再生することを可能にすることが特に便利であると思います。


私はこれまでのところこれ1つのおかげで試してみます
botenvouwer

2

HTTPヘッダーとコンテンツに関心があるが、すべてのトラフィックに関心があるようです。 Wiresharkはより複雑なツールですが、最初はレイアウトと機能が豊富であるにもかかわらず、探しているものを簡単に提供できます。

  1. wireharkを実行
  2. 通信するアダプタ(インターネットアダプタなど)を選択してキャプチャを開始します。
  3. [フィルタ:]フィールドに、「http.request」と入力して[適用]を押します。

結果の出力には、システムによって行われた各リクエストが含まれます(これは、単なるブラウザセッション以上のものです。場合によっては、フィルタに "&&ip; ip.addr =="を追加してトラフィックをさらに絞り込むことをお勧めします)。出力にトラフィックが多すぎる。サーバの名前しかわからない場合は、コマンドラインで「nslookup .com」を使用してサーバのIPアドレスを解決できます。

Wiresharkの上部フレームでリクエストをクリックすると、中央のフレームにその中のレイヤーが表示されます。 「Hypertext Transfer Protocol」レイヤーの隣にある+を押して「Hypertext Transfer Protocol」レイヤーを開き、リクエストのヘッダーを表示します。

最後に、レスポンスヘッダやコンテンツを見たい場合は、トップフレームの興味のあるリクエストを右クリックして「Follow TCP Stream」をクリックしてください。

注:上記のすべては、localhost 127.0.0.1をホスティングしているWebサーバーへのトラフィックをキャプチャしようとしていないことを前提としています。


0

見つけました チャールズ 。それは無料で、Windows、Linux、そしてその両方で利用可能です。マック。私の考えでは、Chromeの開発ツールと非常によく似ています。


このツールはFirefoxのプラグインであり、無料ではありません。その30日間のトライアル!
botenvouwer

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