2013-07-04 1 views
0

크롬 확장 기능을 만들고 있으며 일부 기능은 jQuery를 사용합니다. 온라인으로 해결책을 찾는 데 어려움을 겪었습니다.Chrome 확장 프로그램 : 매니페스트 및 리모컨 google api (jquery)

core.js :

$(document).ready(function(){ 
init(); 
}); 

function init() 
{ 
    $(":button").click(function(){ 
     console.log("test"); 
     //more code here... 
    }); 
} 

extension.html : 내 매니페스트에서

<html> 
<head> 
<title>awesome</title> 
<script src="scripts/core.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
</head> 
<body> 
<button id="getThem">GET!</button> 
</body> 
</html> 

나는 이름, 버전, manifest_version (2), 설명, browser_action-> default_popup (확장자가 있습니다. HTML) 그리고 나머지는 무엇을 넣어야할지 모르겠습니다. 이 기본 요소들을 함께 모을 수있게 도와 주시겠습니까?

답변

1

Content Security policy 때문에 Chrome 확장 프로세스의 페이지에서 외부 스크립트를로드 할 수 없습니다. inspect the popup 인 경우 콘솔에서이 오류를 발견했을 수 있습니다.

최상의 솔루션은 추가 비용이 들지 않고 (jQuery) 라이브러리를 번들로 묶어서 빠르게로드하는 것입니다.

당신이 정말로 외부 URL, relax the Content Security policy, 예컨대에서 스크립트를 포함 할 경우 ..

"content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'" 

이 만 HTTPS 방식에 대해 수행 할 수 있습니다. http 리소스에서로드하려면 운이 좋지 않습니다. 실제로는 a work-around이 있지만 사용하지 마십시오.

+0

추신. 다음은 문제를 식별하고 해결하는 방법을 보여주는 스크린 캐스트입니다. http://stackoverflow.com/questions/17601615/the-chrome-extension-popup-is-not-working-click-events-are-not-handled/17612988 # 17612988 –

관련 문제