profile
viewpoint

Ask questionsPolish Edit & Resend Panel

Context

The Edit & Resend panel is used to modify an existing HTTP Request and resend it back to the server. Here is a screenshot of the current UI:

image

The current UI allows the user to modify:

  • HTTP method
  • URL
  • Query string/arguments
  • Request headers
  • Request body (aka POST data)

Existing issues are collected under this meta: Bug 1475161 - [meta] Edit and Resend

One of the things we'd like to fix first is related to URL encoding/decoding issues. Especially, the UI isn't user friendly when it comes to editing (encoded) query arguments.

Bug 987975 - edit and resend doesn't properly encode query string values

There is mockup for better UI here

Prior Art

There are also some Chrome extensions introducing UI for editing query strings.

The attached screenshots are using this example URL:

http://example.com/index.html?someval=5oMEnMSQqJ8%3D&another==value%3D

Easy URL Params

https://chrome.google.com/webstore/detail/easy-url-params/jhhjlajfdkofbnhbcjcddngfehfihfln

image

Easy URL Editor

https://chrome.google.com/webstore/detail/easy-url-editor/kojpdadnbbicdfgfadonheclfpcjpiah?hl=en

image

@digitarald @violasong @bomsy

Honza

firefox-devtools/ux

Answer questions violasong

Mockup with new revisions:

  • Removed "URL/Method" header
  • Added Clear button
  • Proposing + as its toolbar button
useful!

Related questions

No questions were found.
Github User Rank List