InternetLinuxmacOSOpen Source SoftwareTutorialsWindows

How to modify Headers in Developer Tools "Edit and Resend"

When debugging web sites and HTTP errors, the Firefox browser offers the so-called Developer Tools. They can be launched with the [F12] key or by going into the Menu -> More Tools -> Web Developer Tools.

One very helpful tool is to select a request from the Network tab, right-click and use the "Edit and Resend" function from the context menu. This allows to send the same request to the website once again.

Limited modifications in Edit and Resend

However I recently noticed that I can't change the (Request) Headers anymore. Instead of offering an option to modify the headers, they are greyed out. This has definitely worked in the past…

Firefox Developer Tools: Edit and Resend does not allow to modify request headers.
Firefox Developer Tools: Edit and Resend does not allow to modify request headers.

As it turns out, the behaviour changed with the release of Firefox 102 . Unfortunately the official change log does not mention this particular change.

The newEditAndResend feature

As in most situations, the behaviour can be changed back to the original "Edit and Resend" feature by adjusting the Firefox settings. But I'm not talking about visible settings, this is a hidden option.

In your Firefox, simply enter "about:config" into your address bar. This will show a warning, that you need to proceed with caution.

Firefox warning before accessing internal browser options.

In the search field, search for "devtools.netmonitor.features.newEditAndResend". The default value is true.

To change this, double-click on the entry. The value should turn to "false" and the option itself appear bold.

Firefox configuration option devtools.netmonitor.features.newEditAndResend

The old "Edit and Resend" function is back!

Right after changing the option "devtools.netmonitor.features.newEditAndResend", another right-click on a request and "Edit and Resend" now shows a different behaviour. The request headers are now all in a form and can be adjusted.

Edit and Resend allows to modify request headers after configuration change
Edit and Resend allows to modify request headers after configuration change

This is the "old" appearance of the "Edit and Resend" function. I agree, it doesn't look as fancy and has a less good overview than the new one. But at least it allows to modify the headers again – which for debugging errors is sometimes needed.

Edit and Resend function in Developer Tools allows to modify headers again after config change.

Claudio Kuenzler
Claudio has been writing way over 1000 articles on his own blog since 2008 already. He is fascinated by technology, especially Open Source Software. As a Senior Systems Engineer he has seen and solved a lot of problems - and writes about them.

You may also like

Leave a reply

Your email address will not be published. Required fields are marked *

More in:Internet