8

the firebug console show each ajax request, and its parameters and the response,

is it possible to get this in chrome ?

duffymo
  • 305,152
  • 44
  • 369
  • 561
Omu
  • 69,856
  • 92
  • 277
  • 407

5 Answers5

17

Ctrl-Shift-I will open Chrome development tools. I assume this is what you wanted.

To see Ajax requests, click on "Network" and you'll see all network requests being made. By default you see them all, although you can filter them and just see Ajax requests. Take a look at bottom part of Network tab; you'll see "Documents", "Stylesheets", etc. You want "XHR".

darioo
  • 46,442
  • 10
  • 75
  • 103
  • Nice short cut, didn't know that one :) – DNRN Mar 04 '11 at 12:17
  • 1
    I know this, but where do you see all the events, ajax requests, responses – Omu Mar 04 '11 at 12:19
  • I always used Ctrl-Shift-J.. Is there any difference? – Matteus Hemström Mar 04 '11 at 12:21
  • @Fnatte: the only difference I see is that using Ctrl-Shift-J, the console is automatically opened, while you have to manually open it when using Ctrl-Shift-I. Saves one keystroke. Important when you want to optimize your every move. – darioo Mar 04 '11 at 12:38
7

Yea u can have it. Enable it from the setting of chrome console.

  1. Press ctrl + shift + I
  2. click on setting (Gear) icon at the bottom right.
  3. check "Log XMLHttpRequests" at the console section part.

Thats it.

GeeksCook
  • 81
  • 1
  • 1
2

Chrome developer tools will give you that and a lot more. Click on the wrench and select Tools->Developer Tools.

I believe they were open sourced by Apple - great stuff.

duffymo
  • 305,152
  • 44
  • 369
  • 561
1

It's there by default click on the tool icon and under tools, can you find developingtool, which is a chrome version of firebug :)

DNRN
  • 2,397
  • 4
  • 30
  • 48
0

If you want a Firebug experience within chrome for the console, use Firebug Lite extension for Chrome.

Isidro Moran
  • 322
  • 2
  • 6