すべての着信HTTPファイルを検出するGoogle Chrome拡張機能

Question

Google Chrome拡張機能を使用して、ブラウザで受信したすべてのHTTP応答を何らかのイベントで検出したいと思います。

かなり - Google Chrome拡張機能を使用してChromeデベロッパーツールの[ネットワーク]タブに表示される内容を正確に検出したいと考えています。

たとえば、[ネットワーク]タブを開いてGoogle.comにアクセスすると、すべての.js、.css、画像などが表示されます。

編集：私は（それぞれの要求が完了した後に、私がクビことを期待する）、次の試してみました

：

chrome.webRequest.onCompleted.addListener(function(details) { alert('hey'); }); 

しかし、それは解雇するらしいことはありません。

Answer 1

あなたはそうyoullのminimum_chrome_version
http://code.google.com/chrome/extensions/webRequest.html
http://code.google.com/chrome/extensions/manifest.html#minimum_chrome_version

17にmanifest.jsonを設定する必要があり、これはChromeバージョン17で入って来たことに注意して、そのためのWeb要求APIを使用することができます

{ 
    "name": "WebRequest", 
    "description": "WebRequest - onCompleted", 
    "version": "0.1", 
    "permissions": ["<all_urls>", "webRequest"], 
    "background": { 
    "scripts": ["background.js"] 
    }, 
    "manifest_version": 2 
} 

background.js

バックグラウンドページに移動し、ページがロード/ロードされたときにコンソールを表示します。あなたは、バックグラウンドスクリプトから "allert" を作ることができない

{ 
"name": "Ext", 
"version": "1.0", 
"manifest_version": 2, 
"description": "Ext template", 
"background": { 
"scripts": ["background.js"] 
}, 
"content_security_policy": "script-src 'self' chrome-extension-resource://readme.js; object-src 'self'", 
"permissions": ["webRequest","*://*/"] 
} 

： background.js

chrome.webRequest.onCompleted.addListener 
(
    TrackRequest, 
    {urls: ["<all_urls>"]}, 
    ["responseHeaders"] 
); 


function TrackRequest(info) 
{ 
     console.log(info); 
} 

とmanifest.js：

Answer 2

はこれを試してみてください。 デバッグを行うには、拡張機能に行き、 "背景ページ"をクリックしてください。コンソール出力が表示されます。