ユーザーが入力したURLのみを聞くChromeのwebRequest

Question

私は、指定したホワイトリストにあるウェブサイトにのみアクセスできるようにするChrome拡張機能を作成しています。 chrome.webRequest.onBeforeRequestはURLのインターセプトと検査には最適ですが、問題はウェブページがリソースを読み込もうとしているときを含め、すべての着信URLを調べることです。ユーザーが入力したURLのみを調べ、そのURLがホワイトリストにある場合は、ホワイトリストにあるかどうかにかかわらず、必要なすべてのリソースをそのWebページに読み込ませたいと思っています。

リスナー用のコードです。

chrome.webRequest.onBeforeRequest.addListener(
     function(info) { 
     console.log("URL: " + info.url); 
     var pageURL = info['url']; 
     let mngwlst = new ManageWhitelist(); 
     var whitelist = mngwlst.getWhitelist(); 
     if(whitelist == null) mngwlst.setWhitelist([]); 
     var denyRequest = false; 
     var denyRequest = monitor.ExamineWhitelist(pageURL, whitelist); 
     console.log(denyRequest); 
     return {cancel: denyRequest} 
    }, 

    { 
     urls: [ 
     "<all_urls>" 
     ], 
    }, 

    ["blocking"]); 

monitor.ExamineWhitelist(pageURL, whitelist)はURLがあるか、ホワイトリストにない場合に応じて、trueまたはfalseを返します。唯一のフィルタリングしようとすると

Answer 1

URLの「ユーザーが入力された」はトリッキーですが、あなたはここに役立つかもしれないと、WebRequestクラスのリソースの種類である：https://developer.chrome.com/extensions/webRequest#type-ResourceType

リソースタイプだけリクエストの特定の種類をフィルタリングすることができます。たとえば、 'Main_frame'はトップレベルのフレームでロードされたドキュメントです。この方法では、イメージやスタイルシートが要求されるたびにonBeforeRequestリスナーが起動しません。あなたはURLでフィルタリングすることができます同じようにタイプによってフィルタリングすることができ

：

chrome.webRequest.onBeforeRequest.addListener(
     function(info) { 
     console.log("URL: " + info.url); 
     var pageURL = info['url']; 
     let mngwlst = new ManageWhitelist(); 
     var whitelist = mngwlst.getWhitelist(); 
     if(whitelist == null) mngwlst.setWhitelist([]); 
     var denyRequest = false; 
     var denyRequest = monitor.ExamineWhitelist(pageURL, whitelist); 
     console.log(denyRequest); 
     return {cancel: denyRequest} 
    }, 

{ 
    urls: ["<all_urls>"], 
    types: ["main_frame"], 
}, 
["blocking"]); 

Answer 2

infoはWebRequestクラスのresourcetypeのを返しtypeという属性を持っています。

ここにリソースタイプが表示されます。https://developer.chrome.com/extensions/webRequest#type-ResourceType、 "main_frame"は探しているタイプです。

chrome.webRequest.onBeforeRequest.addListener(
    function(info) { 
    if(info.type == "main_frame"){ 
     doMyStuff(); 
     return {cancel: denyRequest}; 
    } 
}, 
{ 
    urls: [ 
    "<all_urls>" 
    ], 
}, 
["blocking"]);