Learn More
Resend Email
4
Ederbit
6y

BLOODY FIREFOX DEVELOPER TOOLS

I was troubleshooting an app (inside container) hitting an endpoint. For debugging purposes I tried hitting the endpoint from my machine, but always got a 404.

So in the firefox developer tools under the network section you see all of the requests happening. Every request, application/json or url-encoded, lists its parameters inside the tab 'parameters' tab. I thought that means those parameters were i side the request body.

Turns out I should have sent the parameters as url encoded instead of POSTing JSON as the request body. This took me way too long.

Why not display the request url like http://url?key=value ... Firefox? Eh?

rant

firefox developer tools

json

stupid

requests
Favorite
Ranter
Comments
  • 8
    6y
    They show pretty clearly if its get or post. And also about the parameters. Maybe its not firefox but you?
  • 1
    6y
    Who the fuck uses FF dev tools.
    Chrome all the way!
  • 1
    6y
    @Froot I do because FF has a standalone eyedropper
  • 0
    6y
    @Codex404 Sure, it's always a user error.

    There was no GET request, but a POST with url-encoded parameters. (Yes that's very weird) There, the parameters are listed with the heading 'Form data' versus 'JSON' in a json/POST request.

    In a normal GET request, the parameters are easily readable from the url. In a POST however, the url is shown without the parameters.
  • 1
    6y
    @Froot I truly find FFs devtools much better than Chromes. chrome doesnt even allow me to copy the request body by right clicking and using a menu item in the context menu, instead it forces me to select the shit in the right panel manually. If you're working with tools like postman and curl, you really need a reliable way to copy your requests around -_-
  • 0
    6y
    @Hazarth you can copy the request as curl or a bunch of other things by right clicking the request in network tab
  • 1
    6y
    @Froot what I mean is, it doesn't have the option to copy raw post body, in FF you go right click>copy>copy POST body

    In chrome there is no such option. I have to scroll down to "request payload" click "view source" and then select it and ctrl+c. Which is error prone. If theres a better way in chrome I havent found it :(
Related Rants
devRant © 2021 Hexical Labs LLC
Privacy Policy  |  Terms of Service
Add Comment