Chrome 확장 프로그램의 콘텐츠 스크립트에서 페이지 스크립트와 통신합니다.

Question

콘텐츠 스크립트 (1.js)를로드합니다. <script> 요소를 추가하고 확장자 (2.js) 내의 파일을 가리 킵니다. 2.js은 콘텐츠 스크립트로 포함될 수 없습니다.

내부에 정의 된 변수를 사용할 방법이 있습니까 2.js1.js?

Answer 1

배경 페이지와 콘텐츠 스크립트 사이에 message passing을 사용하십시오. 배경 페이지는 2.js을 스크립트로로드하거나 2.js을 응용 프로그램의 배경 스크립트 자체로 사용하여 chrome.extension.onRequest.addListener으로 들어오는 메시지를 수신하여 값을 보관합니다. 콘텐츠 스크립트는 요청을 보내고 콘텐츠 스크립트는 원하는 값의 응답을 보냅니다.

Answer 2

나는 이것을 알아 냈다. 좀 더러운,하지만 내가 가지고있는 동적 인 객체와 함께 작동합니다.

단순히 모든 코드를 페이지에 삽입하여 추가했습니다. 여기에 내 콘텐츠 스크립트는 다음과 같습니다

var path = document.createElement('div'); 
path.id = 'codearea-path'; 
path.innerHTML = chrome.extension.getURL('/'); 
path.style.display = 'none'; 
document.body.appendChild(path); 

var script = document.createElement('script'); 
script.src = chrome.extension.getURL('1.js'); 
document.head.appendChild(script); 

가 그럼 난 1.js 내부 2.js을 포함하는 코드의 같은 종류를 사용했다.