Fixing Chrome: How to restore Network Connection Filters
A three step guide to get your filters back on track
If you are a web developer and lately you are missing this specific line of filters. These are called the Network Connection Filters and they can be found within the Chrome’s DevTools.
This line was removed and replaced with a dropdown filter named Request Types, that might look nicer, but feels way more impractical as it adds one friction level.
I know we all like expect our tools to be where we left them
Fortunately chrome has a really neat feature flagging system, a part of them can be found within the chrome://flags url, and the DevTools specific settings have their own settings.
Here’s how you can fix this
To access the DevTools settings you have to open the DevTools and click the gear icon on the top right corner, within the DevTools, in the same line with the Console tab.
A menu panel with a side menu will pop up. From the options on the side menu select the Experiments option.
Within the experiments menu make sure the “Redesign of the filter bar in the Network Panel” option is unticked.
Now you can restart chrome and your connection filters are back.
There is caveat for multiple profile users: these settings must be done for each of the profiles you plan on working with using DevTools.
I hope this article helped you find the solution you were looking for.
Thank you!
Sources:
- Some screenshots and instructions were retrieved from this article:
https://developer.chrome.com/docs/devtools/settings#open
