크롬 확장 이벤트 - 클릭 이벤트

오늘 크롬 확장 방법을 배우기 시작했습니다. 확장 기능 버튼을 누르면 내가 원하는 모든 것이 경고입니다.크롬 확장 이벤트 - 클릭 이벤트

내의 manifest.json 파일 :

{ 
"name": "BrowserActionExtension", 
"version": "0.0.1", 
"manifest_version": 2, 
"background": { "scripts": ["background.js"] }, 
"browser_action": { 
    "default_icon": { 
     "19": "icons/19x19.png", 
     "38": "icons/38x38.png" 
    }, 
    "default_title": "That's the tool tip", 
    "default_popup": "popup.html" 
} 
}

내가 사물의 커플을 성공 시켰습니다. 첫 번째는 popup.html에서 스크립트를 실행하는 것입니다. 하지만 나는 인라인 스크립트를 사용할 수 없다는 것을 읽었다. 내 popup.html 파일 :

<html> 
<head> 
    <script src='script.js' type='text/javascript'></script> 
</head> 

<body> 
    Hello World! 
</body> 
</html>

내 스크립트 파일 : 그들의

<script> 
console.log("clicked"); 
alert("hey"); 
</script>

전혀 작동하지, 어떤 경고와는 콘솔에 기록하지 않습니다.

마지막으로 시도한 것은 다음과 같습니다. chrome.browserAction.onClicked.addListener 백그라운드 스크립트에서 사용했는데, 확장 기능이 작동하기 시작했을 때 한 번 작동합니다 (모든 탭 또는 일단 내가 브라우저를 엽니 다).

function dostuff() { 
    console.log("HEY") 
    alert("FDS"); 
} 

chrome.browserAction.onClicked.addListener(dostuff);

확장 프로그램을 길게 누르면 어떻게 알 수 있습니까?

당신은 <script> 태그에 내용에게 포함 된 자바 스크립트 파일의을 포장하지 말아야 여러분의 도움과 시간

출처

2014-12-07 MyNick

클릭시 경고? 귀하의 질문 하단에있는 방법이 좋아 보인다. .js 파일에 HTML 태그가 있기 때문에 다른 방법이 작동하지 않습니다. [팝업 검사] (https://developer.chrome.com/extensions/tut_debugging#inspect-popup) 콘솔에 구문 오류가보고되는 것을 보았을 것입니다. –

1)에 감사드립니다.

제거하면 예제가 작동합니다.

아, 그런데 console.log("clicked");은 팝업 자체 콘솔로 출력됩니다. 마우스 오른쪽 버튼을 클릭하고 "팝업 검사"를 선택하여 검사 할 수 있습니다 (코드에 대한 오류 참조).

2) 팝업 페이지를 사용하는 동안 이벤트가 실행되지 않기 때문에 백그라운드에서 코드가 작동하지 않습니다. 자세한 내용은 here을 참조하십시오.

출처

2014-12-07 23:53:35 Xan

대단히 감사합니다! 그것 모두가 효과가있었습니다. 스크립트가 작동하고 로그가 표시되고 클릭이 제대로 작동하는지 확인할 수 있습니다. 놀랍습니다. 답변 해 주셔서 감사합니다. – MyNick

크롬 확장 이벤트 - 클릭 이벤트

답변

관련 문제