Here is a handy tip for those of you who use Chrome’s developer tools.

You might be familiar with the network panel and the ability to sort network resources ascending or descending by column. However, there isn’t an obvious way to reset the sort mode back to the default behavior.

I use the network panel a lot and this particular issue has been bugging me for a while. Today I figured out how to reset the sort order and I thought I’d document it.

Below is a screenshot showing the “Name” column sorted in ascending order. This might be desirable for a time, but what do you do when you’re ready to go back to the default sort order?

chrome-dev2

 

The trick to resetting back to the default behavior is to click on the “Timeline” column and pick “Start Time” from the dropdown context menu. Update: As of Chrome v60 and newer the “Timeline” column has been renamed to “Waterfall”. Kudos to Iilas Deros for the updated tip!

 

All set! Back to the default.

 

 
27 Kudos
Don't
move!
Chrome Dev Tools Tip: Resetting the network panel’s sort order

3 thoughts on “Chrome Dev Tools Tip: Resetting the network panel’s sort order

  • March 31, 2016 at 1:23 pm
    Permalink

    In the middle of debugging a streaming issue and accidentally clicked the “Name” header just now, losing the original sort order. Thanks for posting this!

    Reply
  • March 2, 2017 at 1:48 am
    Permalink

    Ha! Cool! This has been bugging me too sufficiently to start Googling for it 🙂
    Thanks

    Reply
  • September 13, 2017 at 2:04 pm
    Permalink

    As of Chrome 60, the “Timeline” column is replaced by “Waterfall”.

    You now need to right-click any column header under the “Network” tab, then go to the “Waterfall” sub-menu and click “Start Time” (even if it’s already selected).

    Nevertheless, thanks for putting us on the right track!

    Reply

Leave a Reply