들어오는 모든 HTTP 파일 검색 Google 크롬 확장자

Question

Google 크롬 확장 프로그램을 사용하여 일부 이벤트를 시작하거나 브라우저에서받은 모든 HTTP 응답을 감지하고 싶습니다.

Google 크롬 확장 프로그램을 사용하여 Chrome 개발자 도구의 '네트워크'탭이 정확히 무엇을 감지하는지 알고 싶습니다.

예를 들어 네트워크 탭을 열고 Google.com으로 이동하면 모든 .js, .css, 이미지 등을 볼 수 있습니다. 어떻게 든 감지 할 수 있습니까?

편집 : 나는 (각 요청이 완료된 후 내가 해고 기대하는) 다음과 같은 시도

:

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

하지만 그건 해고 것 같다 않았다.

Answer 1

당신은 정말 알면 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을 설정해야이 크롬 버전 17에서 왔다는 것을 알고, 그것을위한 웹 요청 API를 사용할 수 있습니다

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

background.js

chrome.webRequest.onCompleted.addListener(function(details) { 
    console.debug(details); 
}, { 
    urls: ["<all_urls>"] 
}); 

배경 페이지로 이동하여 페이지가로드 /로드 될 때 콘솔을 확인하십시오.

Answer 2

이 시도 : background.js

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


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

과 manifest.js :

{ 
"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","*://*/"] 
} 

당신은 배경 스크립트에서 "allert"을 할 수 없습니다. 디버깅하려면 확장 프로그램으로 이동하여 "배경 페이지"를 클릭하십시오. 콘솔 출력이 나타납니다.