chromeAppのwebviewからCSPヘッダーを削除します

Question

特定のWebサイトからCSPヘッダーを削除しようとしています。

問題は、webviewの最初のリクエストを取得できないということです。

（webRequest API）は、webviewの読み込みが開始された後にのみ利用でき、最初のリクエストは取得できません。

線量以下のコード、それは後半

を聞くことが開始されるために動作しない**奇妙な部分は、WebViewののデベロッパーツールが開いている場合は、それが動作することである：0

previewWebview.addEventListener('loadstart', function() { 
    var HEADERS_TO_STRIP_LOWERCASE = [ 
     'content-security-policy', 
     'content-security-policy-report-only' 
    ]; 
    previewWebview.request.onHeadersReceived.addListener(
     function (details) { 

      return { 
       responseHeaders: details.responseHeaders.filter(function (header) { 
        return HEADERS_TO_STRIP_LOWERCASE.indexOf(header.name.toLowerCase()) === -1; 
       }) 
      }; 
     }, { 
      urls: ["<all_urls>"] 
     }, ["blocking", "responseHeaders"]); 

}); 

Answer 1

取得するにはそれは最初から負荷がかかるので、webview declarative webRequest APIが必要です。

var w1 = document.createElement('webview'); 
    var headerRemoveRule = { 
    conditions: [ 
     new chrome.webViewRequest.RequestMatcher() 
    ], 
    actions: [ 
     new chrome.webViewRequest.RemoveResponseHeader({ 
     name: 'x-robots-tag' 
     }) 
    ] 
    }; 

    // declarative WebRequest API, call before loading webview. 
    w1.request.onRequest.addRules([headerRemoveRule]); 
    w1.src = 'https://jsbin.com/piwakil'; 
    document.body.appendChild(w1);