크롬 확장에있는 버튼에 클릭 이벤트를 추가하는 방법은 무엇입니까?

은 내가 입력 다른 키워드를 검색 링크드 인의 여러 탭을 열고 매우 간단한 크롬 확장을 만들려고하고 있습니다.크롬 확장에있는 버튼에 클릭 이벤트를 추가하는 방법은 무엇입니까?

을이 매우 유사합니다 내 코드의 대부분은 this extension을 기반으로 처음으로 확장이기 때문에, 내 생각에.

"검색"버튼을 클릭해도 아무런 문제가 없습니다. 저는 일주일 동안 코딩을 시작 했으므로 어떤 도움을 주시면 감사하겠습니다!

코드에 무엇이 문제인지 아는 것 외에이 경우 백그라운드 스크립트가 필요합니까?

감사합니다.

<!doctype html> 
<head> 

<style type="text/css"> 
body{ 
font family: Helvetica, Arial, sans; 
font-size: 12px; 
} 
#instruction{ 
    padding-bottom: 10px; 
} 
#searcharea{ 
    padding-bottom: 10px; 
} 
#search{ 
    padding-bottom: 10px; 
    float: left; 
} 
#companies{ 
    white-space: nowrap; 
    overflow:auto; 
} 
</style> 
<style type="text/javascript" src="popup.js"></style> 

</head> 

<body> 

<div id="instruction">Companies you want to search for:</div> 
<div id="searcharea"><textarea rows="20" cols="80" id="companies" wrap="soft" tabindex="1"></textarea></div> 

<div id="search"> 
<button id="btn1" tabindex="2">Search</button> 
</div> 

<p id="demo"></p> 

</body> 
</html>

Popup.js

,536 manifest.json을

{ 
"manifest_version": 2, 
"name": "Search Assistant", 
"description": "This extension makes LinkedIn Search easy.", 
"version": "1.0", 

"browser_action": { 
"default_icon": "icon.png", 
"default_popup": "popup.html" 
}, 

"content_scripts": [ 
{ 
    "matches": ["http://*/*", "https://*/*"], 
    "js": ["myscript.js"] 
} 
], 
"chrome_url_overrides" : { 
"newtab": "newtab.html" 
}, 

"background": { 
"scripts": ["bg.js"] 
} 


}

Popup.html

: 여기
내 코드입니다
document.addEventListener('DOMContentLoaded', function(){ document.getElementById('btn1').addEventListener('click', loadSites); document.getElementById('companies').focus(); }); function loadSites(e){ var companies = document.getElementById('companies').value.split('\n'); for(var i=0; i<companies.length; i++){ thecompany = companies[i].trim(); thesearchurl = 'https://www.linkedin.com/vsearch/c?type=companies&keywords=' + thecompany; chrome.extension.create({url: thesearchurl, selected:false}) } }

출처

2016-06-05 adrienk

현재 2 개의 약간의 오류가 있습니다. 먼저 javascript 파일을 포함하려면 스타일 대신 스크립트 태그를 사용해야합니다. 둘째 : 페이지가 준비된 후에 자바 스크립트를로드하는 것이 좋습니다. 이러한 <style type="text/javascript" src="popup.js"></style>

잘 </body> 전에 선이 <script type="text/javascript" src="popup.js"></script> 추가

제거 선 아래 단계에 따라 해결합니다.

출처

2016-06-05 16:09:36 Napuu

수정 됨. 지적 해 주셔서 고마워요. 그러나 버튼이 여전히 응답하지 않습니다. – adrienk

@adrienk 그래서 두 단계를 모두 마쳤습니까? – Napuu

예. 여전히 동일합니다. – adrienk

크롬 확장에있는 버튼에 클릭 이벤트를 추가하는 방법은 무엇입니까?

답변

관련 문제