잡설
(앞으로는 항상 맨 위에는 잡설로 시작해야징ㅎㅎ)
어.. 글을 왜 분리해 놓았냐면은요 여기는 만들 때 도움이 될 수도 있는 내용들을 적었습니당..
혹시 이전 글을 보고 오지 않았다면
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
'웹' 카테고리의 다른 글
| SPA(Single Page Application) VS MPA(Multiple Page Application) (0) | 2021.07.25 |
|---|---|
| webpack 정리 (0) | 2021.07.25 |
| 크롬확장 프로그램 만들기1 (0) | 2020.04.07 |