Take the 2-minute tour ×
Ask Different is a question and answer site for power users of Apple hardware and software. It's 100% free, no registration required.

In older versions of Safari and Chrome you can filter http requests to only show xhr requests for example. This seems to have been removed in the Safari 6 developer tools.

Am I missing something, an undocumented hot key?

share|improve this question

2 Answers 2

up vote 2 down vote accepted
+50

In the Instruments panel (the icon of the stopwatch), click Network Requests on the left. You should then see the timeline on the left, and a list of requests underneath. Click the Type column heading to sort the requests by type and then all the XHR requests will be grouped together.

Alternatively, in Safari's Develop menu, you can select "Use WebKit Web Inspector" to switch back to the old inspector.

Develop Menu

share|improve this answer
    
The alternative is what I'm looking for but I do not see an option to "Use WebKit Web Inspector". I've been using the sort on type as a replacement since the switch over but I do not like it. –  Mark Sep 17 '12 at 16:49
    
@Mark: see screenshot above. –  daGUY Sep 17 '12 at 19:26
    
Odd, I definitely do not have that. What build of Safari 6 are you using? 8536.25 is mine on OS X 10.8.1 –  Mark Sep 17 '12 at 19:32
    
I'm running 7536.25 on 10.7.4. Maybe they took that option out when running under 10.8? –  daGUY Sep 17 '12 at 19:37
    
Noooo...that sucks. I was hoping it was just me. :( Thanks for your help! –  Mark Sep 17 '12 at 20:03

The Safari filtering of XHR in Safari 6 and 7 is different to any of the other browser tools that I know of.

You need to go to the Resources pane and in the navigation sidebar on the left you will see folders that group resources. To get to Resources from the Safari menu, choose Develop > Show Page Resources or A or select the Resources icon from the toolbar when in Web Inspector.

If the page has any XHR responses you will see an XHRs folder there with the XHRs listed below it. Other resource folders include Stylesheets, Scripts, Images and so on.

You can navigate these 'folders' (they are logical, not real) via the navigation sidebar, or the navigation bar.

Selecting an XHR from either the navigation sidebar or navigation bar, shows the response in the main content browser, and other details in the details sidebar.

I'm using terms from the Safari Web Inspector Guide

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.