크롬 확장 프로그램에서 페이지를 가져올 함수/변수를 입력하십시오.

Question

사용자가 방문하는 특정 페이지에 기능을 추가하는 크롬 확장 기능을 작성 중입니다.
이렇게하려면 페이지에서 호출 할 수 있어야하는 몇 가지 변수와 함수를 주입해야합니다.
이러한 변수/함수는 내용 스크립트에서 생성됩니다.

그러나 콘텐트 스크립트는 한적한 환경에서 실행되기 때문에 호스트 페이지에서 액세스 할 수 없습니다.

본 기사에 따르면 http://code.google.com/chrome/extensions/content_scripts.html#host-page-communication 콘텐츠 스크립트와 호스트 페이지는 이벤트를 추가하여 DOM을 통해 통신 할 수 있습니다.
하지만 그건 일을하는 끔찍한 방법이며, 나는 메소드/변수를 쉽게 삽입 할 수있는 방법을보고 싶습니다.

이러한 가능성이 있습니까?

감사합니다. 내 확장에 코딩 방법은 다음과

Answer 1

, 내가 ' 메시지를 통해 콘텐츠 스크립트와 페이지 자체간에 통신하는 솔루션을 찾았습니다.

window.addEventListener("message", function(event) { 
     // We only accept messages from ourselves 
     if (event.source != window) 
      return; 

     switch (event.data.type) { 
     case "blabla": 
      // do blabla 
      // you can use event.data.params to access the parameters sent from page. 
      break; 
     case "another blabla": 
      // do another blabla 
      break; 
     } 
    }); 

Answer 2

은 script.js에 당신의 manifest.json

"content_scripts": [ 
    { 
     "matches": ["http://*/*"], 
     "js": ["script.js"] 
    } 
], 

에 http://pagexray.com/extension/

이야 아직 아무도 관심을 끄는 경우

(function(){ 
    var script = document.createElement('script'); 
    script.src = "http://example.com/external.js"; 
    script.addEventListener('load', function() { }); 
    document.head.appendChild(script); 
})();