Chrome 확장 기능이 새로 추가되었습니다. 크롬에 대한 WOT 확장을 보았 으면 무엇을 성취하려고하는지 더 잘 이해할 수 있습니다. Google 검색에서 WOT 확장과 같은 각 링크가 끝나면 내 확장 아이콘을 넣으려는 대가로 링크를 가져옵니다. 그리고 해당 아이콘에 대한 클릭 이벤트를 처리하려고합니다. 그 아이콘을 어떻게 설정할 수 있는지, 그리고 그 이벤트를 처리하기 위해 무엇을해야하는지 알려주세요. Google 크롬 확장 - 브라우저 콘텐츠의 아이콘
는
0
A
답변
0
먼저 필요 DOM을 조작하는 Content Scripts을 사용하여 주셔서 감사합니다. DOM을 조작하여 각 검색 결과를 검색 할 수 있습니다.
그런 다음 기본 자바 스크립트 만 사용하면 (예 : 문서를 소유 한 것처럼) 자식 요소 (예 : 아이콘)를 추가하고 요소에 수신기를 추가하여 클릭 할 수 있습니다.
+0
나는이 코드를 사용하려고하지만 난 대체 할 구글 검색 결과에 대한 정확한 클래스를 잘 모릅니다 "the_search_result_class"기능 된 SomeFuncion() { 경고 ("사용자는 아이콘을 클릭했습니다.") } VAR 아이콘 = document.createElement ("img"); icon.src = chrome.extension.getURL ("icon.png"); VAR의 의 SearchResult = document.getElementsByClassName위한 ("the_search_result_class") VAR (I = 0; I
관련 문제
- 1. Google 크롬 브라우저 확장 감지하기
- 2. Google 크롬. 확장 develompent
- 3. Google 크롬 확장 프로그램
- 4. Google 크롬 확장 지속성
- 5. Google 크롬 확장 이미지
- 6. 아이콘의 Google 크롬 확장 번호
- 7. 크롬 확장 프로그램의 브라우저 이벤트 액세스 - 크롬 확장 DOM 이벤트
- 8. Google 크롬 확장 - 온라인 패키징
- 9. Google 크롬 확장 프로그램 개발
- 10. Google 크롬 확장 쿠키 도움말!
- 11. Google 크롬 확장 Hello World
- 12. Google 크롬 확장 - DOM에 액세스
- 13. Google 크롬 확장 개발 (tabs.onUpdated.addListener())
- 14. 배지가없는 Google 크롬 확장 프로그램 만들기
- 15. Google 크롬 확장 - 서버에서 CSS 다시로드
- 16. Google 크롬 확장자
- 17. Google 크롬 확장 : 알림 시스템, RSS 리더
- 18. Google 크롬 확장 프로그램의 "인터넷 사용 기록"
- 19. Google 크롬 확장 기능 팩 오류
- 20. Google 크롬 확장 프로그램에 로그인하는 AJAX 이벤트
- 21. Google 크롬 확장 프로그램 요소 제거
- 22. Google 크롬 용 플러그인 또는 확장
- 23. Google 크롬 확장 프로그램에서 강제 다운로드
- 24. Google 크롬 확장 프로그램에서 XMLHttpRequest 사용
- 25. Google 크롬 확장 프로그램의 Facebook Like 버튼
- 26. Google 크롬 확장 프로그램 : 자동으로 페이지 인쇄
- 27. Google 크롬 확장 - Background.html 함수 질문
- 28. 크롬 확장 프로그램에서 Google 뉴스 div에 액세스하십시오.
- 29. Google 크롬 확장 프로그램 : captureVisibleTab 문제
- 30. Google 크롬 확장 : background.html의 youtube 재생
순수한 자바 스크립트 작업입니다. – serg