谷歌浏览器插件 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 查看到的响应头已经 失效了