Chrome扩展程序：如何以编程方式更改每个页面请求上的标题？

Question

I'm currently developing a Chrome Extension and need to add/change a header value, but only on a specific page. Something like this:

chrome.onPageRequest(function(host) {
    if(host == 'google.com') {
        chrome.response.addHeader('X-Auth', 'abc123');
    }
});

Any help would be greatly appreciated :)

Answer 1

You can use the chrome.webRequest API for that purpose. You'll need the following:

1. Declare the appropriate permissions in your manifest:

   \n... \n"permissions": [ \n    ... \n    "webRequest", \n    "*://*.google.com/*" \n] \n

2. Register a listener for the chrome.webRequest.onHeadersReceived() event and modify the headers. In order to be able to modify the headers, you need to define the 'responseHeaders' extra info (see 3rd arguments of listener function):

   \nchrome.webRequest.onHeadersReceived.addListener(function(details) { \n    console.log(details); \n    details.responseHeaders.push({ \n        name: 'X-Auth', \n        value: 'abc123' \n    }); \n    return { responseHeaders: details.responseHeaders }; \n}, { \n    urls: ['*://*.google.com/*'] \n}, [ \n    "responseHeaders" \n]); \n

3. Keep in mind that the webRequest permission only works if your background-page is persistent, so remove the corresponding line from your manifest (if it exists - which it should):

   \n... \n"background": { \n    "persistent": false, // <-- Remove this line or set it to `true` \n    "scripts": [...] \n    ... \n

---

Also, keep in mind that pretty often Google redirects requests based on the user's country (eg redirecting www.google.com to www.google.gr ), in which case the filter will not let them reach your onHeadersReceived listener.