谷歌瀏覽器插件 chrome.webRequest.onHeadersReceived 修改 無效問題

 
          
            // web響應 
           
          
            chrome.webRequest.onHeadersReceived.addListener( 
           
          
              (details) => { 
           
          
                let responseHeaders = details.responseHeaders 
           
          
                console.log('details', responseHeaders) 
           
          
                let index = responseHeaders.findIndex((p) => p.name.toLowerCase() === 'x-frame-options') 
           
          
                if (index > -1) { 
           
          
                  responseHeaders.splice(index, 1) 
           
          
                  console.log('刪除 x-frame-options', responseHeaders) 
           
          
                } 
           
          
 
          
                return { responseHeaders } 
           
          
              }, 
           
          
              { urls: ['<all_urls>'], types: ['main_frame', 'sub_frame'] }, 
           
          
              ['blocking', 'responseHeaders'] 
           
          
            ) 
           
         

瀏覽器 f12 查看發現響應頭 ，並沒有變化，這時候  不要着急。  

 

把原本不允許 簽入 iframe 的頁面簽入 進入 iframe 發現瀏覽器已經不報錯了，至此就明白了，原來f12 查看到的響應頭已經 失效了