Chrome 확장 프로그램의 콘텐츠 스크립트로 원격 스크립트

Question

Chrome 확장 프로그램의 콘텐츠 스크립트로 원격 스크립트를 삽입하려고하는데 Chrome 실행 환경의 어두운 영역 (적어도 나에게)이 영향을 받고있는 것처럼 느껴집니다. .

jQuery의 $.getScript을 그 (및 기타) 목적으로 사용하고 싶습니다. 여기

사출 코드 (훌륭하게 suggested here)이다 :

// inject jQuery 
chrome.tabs.executeScript(null, { file: "js/jquery.js" }, function() { 
    // inject remote script with jQuery 
    chrome.tabs.executeScript(null, { code: '$.getScript("https://mysite.com/myremotescript.js", function(){ })' }); 
}); 

여기myremotescript.js 원격 스크립트이다 - 그것은 간단 :

가

$("body").css("backgroundColor", "green"); 

오류이다 "$ is not defined"

document.body.style.backgroundColor = "green"; 

그것은뿐만 아니라 $ 정의되지 않은이 있다고 나타납니다 myremotescript.js가 변경되는 경우가 작동하기 때문에 오류에 언급 된

는 myremotescript.js 기능의 것으로 보인다. 나는에 myremotescript.js 변경하는 경우 :

function Do(){ 
    document.body.style.backgroundColor = "green"; 
} 

을 다음 $.getScript의 콜백에서 마()를 실행합니다

chrome.tabs.executeScript(null, { 
    code: '$.getScript("https://mysite.com/myremotescript.js", function(){ Do(); })' 
}); 

오류는 다음과 같습니다 "Do is not defined"

모든 아이디어/설명/제안?

편집 : 해결책 : 롭-W 대답 @에 따라, 그것은했다. $.get()이 오류가되지 않도록 추가해야하는 유일한 단점은 데이터 형식을 "텍스트"로 표시하는 것이 었습니다.

$.get("https://mysite.com/myremotescript.js", null, null, "text") 
    .done(function(remoteCode){ 
     chrome.tabs.executeScript(null, { code: remoteCode }, function(){ 
      chrome.tabs.executeScript(null, { code: "Do();" }); 
    }); 
}) 

Answer 1

$.getScript 기본값을 다른 원점에서 스크립트를로드 할 <script> 요소를 주입으로 : executeScript 코드를-로 텍스트 받아 들일 수 있기 때문에 또한, 나는, eval을 할 필요가 없었다. 따라서 코드는 이 아닌 콘텐츠 스크립트 (see also) 페이지의 컨텍스트에서 실행됩니다. 당신이 정말로 스크립트를 얻기 위해 jQuery를 사용하려면

,

$.get("https://mysite.com/myremotescript.js", eval); 

(따라서는 요청의 응답을 평가, 콜백으로 사용 eval) 다음과

$.getScript("https://mysite.com/myremotescript.js", function(){ }); 

교체

이것이 작동하는 동안 스크립트의 응답 본문을 캐시하는 것이 좋습니다. 그런 다음 네트워크 연결이 끊어지면 내선이 끊어지지 않습니다. 그리고 더 중요한 것은, 사용자는 모든 페이지로드에 대해 쓸데없는 요청을받지 않을 것입니다. 전에이 개념을 구체화했습니다. this answer을 참조하십시오.

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.