Modify Request Header and set it to user's provided value

[Ahmad Hassan]

As per guidance on chrome.declarativeNetRequest documentation, it is possible to modify the request header to preset value.

Please guide how to change/modify a request header to a dynamic value 

- either specified by the user in options page while using the extension OR

- fetched by an API or any external source

Following is an example of what I was doing to achieve this in MV2 while using WebRequest and WebRequestBlocking

var onBeforeSendHeadersHandler = function (details) {

if (settings.disabled) {

return {};

}

details.requestHeaders.forEach(function (header) {

switch (header.name) {

case 'Accept-Language':

if (settings.hl && settings.gl) {

header.value = settings.hl + '-' + settings.gl;

}

break;

}

});

return { requestHeaders: details.requestHeaders };

};

chrome.webRequest.onBeforeSendHeaders.addListener(onBeforeSendHeadersHandler, requestFilter, ["blocking", "requestHeaders", "extraHeaders"]);

Thanks

[wOxxOm]

Call chrome.declarativeNetRequest.updateDynamicRules every time your settings change and add a rule with the corresponding `requestHeaders`.