크롬 브라우저 확장에서 자바 스크립트를 실행하는 방법

user2845758

나는 크롬 확장에서 URL을 열기 위해 간단한 자바 스크립트를 실행 해야하는 Google 크롬 확장을 만들려고합니다 앵커 태그가 그렇게 할 수 있다는 것을 알고 있지만 다른 기능을 js에 추가하고 싶었습니다.

javascript가 실행될 간단한 pop.html 파일은 다음과 같습니다.

<html>
<body>
<form>
<div id="search_panel">

<input type="text" id="box" name="txt" required placeholder="Search anything"/> <input type="submit" id="stu_submit" onclick="hey();" name="stu_post" value="Search"/>
<div> <a href="http//s.com" target="_blank" id="stu_links" >s.com</a> <a href="#" id="stu_links">news</a> <a href="#" id="stu_links">hey</a> <a href="#" id="stu_links">Sign In</a> </div>
</div>
<script>
    function hey()
    {
    window.open('http://www.google.com');
    }
  </script>
</form>
</body>
</html>

매니페스트 파일은 다음과 같습니다.

{
  "name": "Chrome Extension for s.com",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Google Chrome Extension for s.com.",
  "browser_action": 
  {
    "default_icon": "img/icon.png",
    "default_menu": "FirstMenu",
    "default_popup": "popup.html"
  },

   "chrome_url_overrides" : {
    "newtab": "s.html"
  },

  "permissions": [
    "http://api.flickr.com/"
  ]
}

popup.html에서 js를 실행하는 방법을 도와주세요.

소만 두베이

도움이 될 수 있습니다. Chrome 확장 프로그램에서 자바 스크립트 실행-> 기본?

빠른 참조를 위해 여기에 복사했습니다.

크롬 확장 문서에 따르면

인라인 JavaScript는 실행되지 않습니다. 이 제한은 인라인 <script>블록과 인라인 이벤트 핸들러 (예 :)를 모두 금지합니다 <button onclick="...">.

읽기 : http://developer.chrome.com/extensions/contentSecurityPolicy.html#JSExecution

popup.js에서 다음과 같이 사용하십시오.

document.addEventListener('DOMContentLoaded', function () {
      document.querySelector('button').addEventListener('click', main);      
});
function main() {
    var source = document.getElementById('source').value;
    document.getElementById("result").innerHTML = source;
}

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

크롬 확장 프로그램과 유사하게 브라우저의 모든 페이지에서 자바 스크립트 코드를 실행합니다.

분류에서Dev

브라우저에서 자바 스크립트를 사용하여 메시지를 표시하는 방법

분류에서Dev

자바 스크립트에서 브라우저 창 크기를 얻는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 크롬 확장 창 크기를 조정하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트에서 크롬 확장 창 크기를 조정하는 방법은 무엇입니까?

분류에서Dev

브라우저에서 자바 스크립트 코드 실행

분류에서Dev

크롬-브라우저 콘솔 "정의되지 않음"에서 자바 스크립트 기능 실행

분류에서Dev

자바 스크립트를 통해 브라우저에서 온라인 / 오프라인 상태를 확인하는 방법은 무엇입니까?

분류에서Dev

Safari 브라우저에서 자바 스크립트로 카메라에 액세스하는 방법

분류에서Dev

브라우저에서 장기 실행 자바 스크립트 기능 중지

분류에서Dev

브라우저에서 "이 스크립트 실행 중지"를 방지하는 방법은 무엇입니까?

분류에서Dev

브라우저에서 자바 스크립트가 비활성화 된 경우 자바 스크립트 기능을 사용하는 방법

분류에서Dev

자바 스크립트를 사용하여 브라우저에서 바이트 64 Excel 문자열 i에서 Excel을 다운로드하는 방법

분류에서Dev

자바 스크립트에서 브라우저 기록을 변경하는 방법

분류에서Dev

Android 브라우저에서 PHP 스크립트를 실행하는 방법은 무엇입니까?

분류에서Dev

브라우저에서 스크립트를 실행하는 방법은 무엇입니까?

분류에서Dev

확장 * 팝업 * 스크립트 내에서 브라우저 페이지로드를 기다리는 방법

분류에서Dev

브라우저에서 자바 스크립트 디버깅을위한 리스너를 찾는 가장 빠른 방법은 무엇입니까?

분류에서Dev

브라우저 내에서 자바 스크립트로 hdf5 파일을 읽는 방법

분류에서Dev

자바 스크립트는 브라우저에 필요

분류에서Dev

JSP 또는 자바 스크립트를 사용하여 서버에있는 브라우저에서 PDF를 표시하는 방법

분류에서Dev

브라우저에서 자바 스크립트를 비활성화하는 경우 클라이언트 창에서 자바 스크립트를 활성화하는 방법은 무엇입니까?

분류에서Dev

MacBook, PC, IOS 및 andrroid에서 자바 스크립트 코드로 방문자 브라우저를 감지하는 방법

분류에서Dev

Node Repl (브라우저 없음)에서 자바 스크립트를 테스트하는 방법은 무엇입니까?

분류에서Dev

Java 앱 (RaspberryPi)에서 크롬 브라우저를 실행하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트 변수를 저장하는 방법

분류에서Dev

자바 스크립트를 통해 방문자 브라우저 언어를 인쇄 / 반향시키는 방법

분류에서Dev

Chrome을 브라우저로 사용하고 nginx를 웹 서버로 사용하여 캐시 된 자바 스크립트 파일을 지우는 방법

분류에서Dev

Cypress.io (전자 / 크롬)에서 브라우저 언어를 설정하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    크롬 확장 프로그램과 유사하게 브라우저의 모든 페이지에서 자바 스크립트 코드를 실행합니다.

  2. 2

    브라우저에서 자바 스크립트를 사용하여 메시지를 표시하는 방법

  3. 3

    자바 스크립트에서 브라우저 창 크기를 얻는 방법은 무엇입니까?

  4. 4

    자바 스크립트에서 크롬 확장 창 크기를 조정하는 방법은 무엇입니까?

  5. 5

    자바 스크립트에서 크롬 확장 창 크기를 조정하는 방법은 무엇입니까?

  6. 6

    브라우저에서 자바 스크립트 코드 실행

  7. 7

    크롬-브라우저 콘솔 "정의되지 않음"에서 자바 스크립트 기능 실행

  8. 8

    자바 스크립트를 통해 브라우저에서 온라인 / 오프라인 상태를 확인하는 방법은 무엇입니까?

  9. 9

    Safari 브라우저에서 자바 스크립트로 카메라에 액세스하는 방법

  10. 10

    브라우저에서 장기 실행 자바 스크립트 기능 중지

  11. 11

    브라우저에서 "이 스크립트 실행 중지"를 방지하는 방법은 무엇입니까?

  12. 12

    브라우저에서 자바 스크립트가 비활성화 된 경우 자바 스크립트 기능을 사용하는 방법

  13. 13

    자바 스크립트를 사용하여 브라우저에서 바이트 64 Excel 문자열 i에서 Excel을 다운로드하는 방법

  14. 14

    자바 스크립트에서 브라우저 기록을 변경하는 방법

  15. 15

    Android 브라우저에서 PHP 스크립트를 실행하는 방법은 무엇입니까?

  16. 16

    브라우저에서 스크립트를 실행하는 방법은 무엇입니까?

  17. 17

    확장 * 팝업 * 스크립트 내에서 브라우저 페이지로드를 기다리는 방법

  18. 18

    브라우저에서 자바 스크립트 디버깅을위한 리스너를 찾는 가장 빠른 방법은 무엇입니까?

  19. 19

    브라우저 내에서 자바 스크립트로 hdf5 파일을 읽는 방법

  20. 20

    자바 스크립트는 브라우저에 필요

  21. 21

    JSP 또는 자바 스크립트를 사용하여 서버에있는 브라우저에서 PDF를 표시하는 방법

  22. 22

    브라우저에서 자바 스크립트를 비활성화하는 경우 클라이언트 창에서 자바 스크립트를 활성화하는 방법은 무엇입니까?

  23. 23

    MacBook, PC, IOS 및 andrroid에서 자바 스크립트 코드로 방문자 브라우저를 감지하는 방법

  24. 24

    Node Repl (브라우저 없음)에서 자바 스크립트를 테스트하는 방법은 무엇입니까?

  25. 25

    Java 앱 (RaspberryPi)에서 크롬 브라우저를 실행하는 방법은 무엇입니까?

  26. 26

    자바 스크립트 변수를 저장하는 방법

  27. 27

    자바 스크립트를 통해 방문자 브라우저 언어를 인쇄 / 반향시키는 방법

  28. 28

    Chrome을 브라우저로 사용하고 nginx를 웹 서버로 사용하여 캐시 된 자바 스크립트 파일을 지우는 방법

  29. 29

    Cypress.io (전자 / 크롬)에서 브라우저 언어를 설정하는 방법은 무엇입니까?

뜨겁다태그

보관