크롬확장프로그램만들기2

allblack 2020. 4. 7. 16:37
반응형

웨일짱

잡설

 (앞으로는 항상 맨 위에는 잡설로 시작해야징ㅎㅎ)

 

어.. 글을 왜 분리해 놓았냐면은요 여기는 만들 때 도움이 될 수도 있는 내용들을 적었습니당..

 

혹시 이전 글을 보고 오지 않았다면

 

2020/04/07 - [웹] - 크롬확장 프로그램 만들기1

 

크롬확장 프로그램 만들기1

잡설 어 요즘 너무 일을 잘 안 해서... 어떻게 하면 효과적으로 동기부여를 할 수 있을까를 고민하다가. 크롬 확장프로그램에다가 동기부여 영상들을 넣어놓고 틀면 어떻까 해서... 뭐 동기가 뭐가 중요하겠냐만..

allblack0811.tistory.com

여기서 보고 와 주세요.

팁?

어 일단 확장 프로그램은 인라인 스크립트가 안됩니다. 

 

일단 인라인 스크립트가 뭐지 하시면....

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
//여기부분 ㅎㅎ
</script>
</html>

Q. 그럼 왜 안돼요?

 

A. 보안상에 이유라나 뭐라나...(실은 잘 모름)라고 합니다.

 

Q. 그럼 꼭 필요할 때는 어떡해요 ㅠㅠ??

 

A. 그걸 알려드리겠습니다(이거 때문에 3시간을 버림)

 

아 시벌

이렇게 오류가 나시면 간단합니다....

 

 <script src="popup.js"></script>

이렇게 스크립트와 연결하시고

 

document.addEventListener('DOMContentLoaded', function () {
    //여기다가 js로 이밴트 추가 하시면 됩니다.
    //ex>
    document.getElementById("button").addEventListener('click',test);
});

이렇게 하시면 오류가 안 나고 잘됩니다...

 

아발

 

재 설명이 이해가 안 되시면 출처에 있는 블로그를 봐주세요.. 저도 저분 보고 알게 되었습니다ㅎㅎ

 

출처:

 

https://sub0709.tistory.com/84

 

[크롬확장프로그램] 툴바 팝업 만들기

관련 지식 chrome, extension 크롬 확장플러그인의 툴바 버튼을 클릭했을때 팝업 메뉴가 나오는 기능을 만들어보겠습니다. 디자인을 예쁘게 입히면 PushBullet 같이 채팅 기능도 만들수 있지만, 저는 불가능하므로..

sub0709.tistory.com

 

반응형