Chrome開発者ツールを介したAjaxコールからのHTML応答を表示しますか？

StackOverflow https://stackoverflow.com/questions/3181287

質問

だから私のJavaScriptでは、私のウェブサイトでサービスにAJAXコールを行っています。おっと、何かが失敗します。問題ない。これが私がFirefoxですることです：

  1. FireBugコンソールを開きます
  2. 失敗したAJAXコールを見つけて、 +サインをクリックして詳細を確認します。
  3. 応答タブには生のHTMLがあります。誰がそれをすべて読みたいですか？ [HTML]タブをクリックします。
  4. ああ、Djangoによって返された適切にフォーマットされたHTMLは、ゼロエラーで私の分裂を示しています。

これが私が現在Chromeでやっていることです：

  1. ctrl+shift+j開発者ツールを開くには
  2. リソースに移動します
  3. Ajaxコールまでスクロールしてクリックします
  4. 繰り返しますが、RAW HTMLが表示されます。それでもすべてを読みたくありませんが、HTMLタブがないため、テキストエディターにコピーして貼り付けます。
  5. HTMLファイルを保存します
  6. ブラウザでHTMLファイルを開くので、djangoによって返されたエラーHTMLを読むことができます

質問に。とにかく、RAW HTMLをテキストエディターにコピーして貼り付けることなく、ブラウザでレンダリングされたAJAXコールからのHTML応答を表示しますか？

役に立ちましたか？

解決

いいえ、現在、方法はありません。開発者ツール> [リソース]> [XHRタブ]> [左側）をクリックして、2つのタブが表示されます。最初のものはヘッダー（生）と生のコンテンツです。

他のヒント

あなたの情報のためだけに、FireBug Liteはそうである間 いいえ ネットパネルを持っています します Firebugと同じルックアンドフィールを備えたXHRウォッチャー機能を用意してください。もちろん、FireBug LiteはChrome開発者ツールに比べて非常に限られていますが、CSS編集やXHR検査などの特定のタスクでは、FireBug Liteが非常にうまく機能します。

現在の安定したバージョンには、HTTPヘッダー、取得および投稿変数、および応答テキストが表示されます。ただし、次のバージョン1.3.1（まもなくリリースされます）には、HTMLビューアー、XMLビューアー、および便利なJSONビューアー（リクエストデータと応答データの両方）が含まれます。

この機能は、次のリリース1.3.1B2（おそらく1.3.1バージョンの最後のベータ版）に含まれますが、今すぐ実行したい場合は、 開発者チャネル.

はい、最も簡単な方法は、開発者ツールでネットワークタブを使用することです。

  1. Ctrl+Shift+i開発者ツールを開くには（または上部のメニューバーを使用します： "View-> Developer-> Developer Tools"）
  2. ネットワーク]タブに移動します
  3. 現在のページを更新します
  4. 左側のajax呼び出しまで下にスクロールしてクリックします
  5. メインメニューには、いくつかのタブが表示されます（通常はデフォルトでプレビューがあります）。 「ヘッダー」をクリックすると、リクエストと応答のヘッダー情報が表示されます。

FireBugの[コンソール]タブで要求されたリンクを右クリックします。次に、右クリックして、新しいタブで開く応答を選択します。あなたはそれをHTMLとして見るでしょう。

右クリック「保存」がネットワーク上にないことに気付いたので、[ネットワーク]> xhr>応答タブに能力がありません...新しい自動ホットキースクリプトを作成しました：（応答テキストの中央マウスボタンをクリックします）

MButton::
MouseClick, left
ClipSaved := ClipboardAll
Send, ^a^c
sleep, 500
FileName := "C:\Users\David\Desktop\temp_xhr_response.html"
file := FileOpen(FileName, "w")
if !IsObject(file)
{
MsgBox Can't open "%FileName%" for writing.
return
}
StringGetPos, pos, Clipboard, HeadersPreviewResponseCookiesTiming
if pos = -1
{
pos = 0 
}
TestString := SubStr(Clipboard, pos+38)
file.Write(TestString)
file.Close()
Run, open "C:\Users\David\Desktop\temp_xhr_response.html"
Clipboard = %ClipSaved%
sleep, 1000
FileDelete, C:\Users\David\Desktop\temp_xhr_response.html
return

ダウンロードできます AutoHotkey ブラウザウィンドウでXHR応答を確認するために必要な手順を実行するための簡単なマクロを書きます...

これが私が書いたスクリプトです AutoHotkey Chromeの開発者ツール> [ネットワーク]タブでその応答ウィンドウ内に中央のマウスボタン（マウスホイールボタン）を押すと、次の手順が実行されます。

  1. 右クリック... [保存]をクリックします
  2. ファイルの場所をファイルプロンプトに貼り付けて、Enterを押します
  3. ファイルを開く（デフォルトブラウザを使用）

  4. ファイルを削除します

    MButton::
MouseClick, right
MouseGetPos, xpos, ypos
xpos := xpos + 5
ypos := ypos + 5
MouseMove, xpos, ypos
MouseClick, left
Sleep, 500
ClipSaved := ClipboardAll
Clipboard := "C:\Users\David\Desktop\temp_xhr_response.html"
Send, ^v  {Enter}
Clipboard = %ClipSaved%
sleep, 500
Run, open "C:\Users\David\Desktop\temp_xhr_response.html"
sleep, 1000
FileDelete, C:\Users\David\Desktop\temp_xhr_response.html
return

これにより、Googleが更新をリリースして、HTML応答をより適切に表示するために更新をリリースする予定です。私はもうFFのFirebugを使用していません、それは信じられないほど遅くなります！

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top