Chrome擴展程序：如何以編程方式更改每個頁面請求上的標題？

Question

我目前正在開發Chrome擴展程序，需要添加/更改標題值，但僅限於特定頁面。事情是這樣的：

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

任何幫助，將不勝感激:)

Answer 1

可以使用chrome.webRequest API用於這一目的。你將需要：

1. 中聲明你的清單中的適當的權限：

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

2. 註冊一個偵聽器chrome.webRequest.onHeadersReceived()事件和修改標題。爲了能夠修改標題，你需要定義「responseHeaders響應」額外的信息（見監聽功能的3參數）：

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

3. 記住的webRequest許可只適用，如果你的背景 - 頁面是永久性的，所以從你的清單中刪除相應的行（如果存在的話 - 它應該）：

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

---

另外，請記住，漂亮往往摹oogle根據用戶的國家/地區重定向請求（例如，重定向www.google.com到www.google.gr），在這種情況下，過濾器不會讓他們到達您的onHeadersReceived監聽器。