18

そのため、JavaScriptで、Webサイトのサービスにajax呼び出しを行っています。おっと、何かが失敗します。問題ない。Firefoxで行うことは次のとおりです。

  1. ファイアバグコンソールを開きます
  2. 失敗したAjax呼び出しを見つけ、+記号をクリックして詳細を表示します。
  3. 応答タブには生のHTMLがあります。誰がそれを全部読みたいですか？[HTML]タブをクリックします。
  4. ああ、Djangoによって返された適切にフォーマットされたHTMLは、ゼロ除算エラーを示しています。

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

  1. Ctrl + Shift + Jを押して、開発者ツールを開きます
  2. リソースに移動
  3. Ajax呼び出しまで下にスクロールして、
  4. もう一度、生のHTMLが表示されます。それでもすべてを読みたくはありませんが、HTMLタブがないため、コピーしてテキストエディタに貼り付けます。
  5. HTMLファイルを保存
  6. ブラウザでhtmlファイルを開いて、Djangoから返されたエラーHTMLを読み取れるようにします

質問に移ります。生のhtmlをコピーしてテキストエディタに貼り付けることなく、ブラウザでレンダリングされたAjax呼び出しからのHTML応答を表示する方法はありますか？

4

6 に答える 6

6

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

于 2010-07-05T21:58:32.220 に答える
4

参考までに、Firebug LiteにはNETパネルはありませんが、Firebugと同じルックアンドフィールのXHRウォッチャー機能があります。もちろん、FirebugLiteはChromeデベロッパーツールと比較して非常に制限されていますが、CSS編集やXHR検査などの特定のタスクでは、FirebugLiteは非常にうまく機能します。

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

この機能は次のリリース1.3.1b2（おそらく1.3.1バージョンの最後のベータバージョン）に含まれる予定ですが、今すぐ実行したい場合は、開発者チャネルを使用できます。

于 2010-07-20T22:04:27.080 に答える
2

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

  1. Ctrl + Shift + Iを押して開発者ツールを開きます（または上部のメニューバーを使用します：[表示]->[開発者]->[開発者ツール]）
  2. 「ネットワーク」タブに移動します
  3. 現在のページを更新します
  4. 左側のAjax呼び出しまで下にスクロールして、
  5. メインメニューにはいくつかのタブが表示されます（通常はデフォルトでプレビューになります）。「ヘッダー」をクリックすると、リクエストとレスポンスのヘッダー情報が表示されます。
于 2012-02-07T00:40:17.843 に答える
2

firebugのコンソールタブで要求されたリンクを右クリックします。次に、右クリックして、[新しいタブで応答を開く]を選択します。HTMLとして表示されます。

于 2015-06-02T07:23:18.003 に答える
1

[ネットワーク]>[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
于 2012-09-18T01:37:24.043 に答える
0

自動ホットキーをダウンロードし、ブラウザウィンドウで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はもう使用していません。信じられないほど遅くなっています！

于 2012-03-10T12:03:44.360 に答える