Skip to main content
How to View URL Query Parameters using Browser Dev Tools

1 minute read - Web Testing

How to View URL Query Parameters using Browser Dev Tools

Published: Mar 2, 2019

I was testing a system that created particularly long URLs that were hard to read because there were so many query parameters. I needed a way to fix that.

I was just about to write a small tool to parse the url and show me the query parameters in a nice view, and then thought to ask myself… can the dev tools do this already?

Yes they can.

  • Chrome - network tab, click on the request, headers, look at the bottom to see the query params
  • Safari - network tab, click on the request, headers, look at the bottom to see the query params
  • Edge - network tab, click on the request, parameters, to see the query params
  • Firefox - network tab, click on the request, params, to see the query params

A quick tip for easily viewing URL query parameters.

Free Video Showing How to View Query Params

If you like this content then you might be interested in my Patreon Community. I create exclusive content multiple times a week. Gain access to Patreon only content and online training courses for as little as $1 per month. Learn more about the EvilTester Patreon Community.

<< What Is Software Testing? | Show 008
Programming Katas For Testers >>