크롬 익스텐션 개발 테스트(마나토끼 히스토리)

서버를 내려서 익스텐션 동작 안 함

 

manifest.json: 각종 설정, 권한 등

popup.html, json: 익스텐션 버튼 눌렀을 때 나오는

 

 

게시판 글 리스트에서 내가 봤던 url의 title과 열었던 시간을 기록

그리고 글 리스트 제목 옆에 봤던 시간 추가

 

js도 모르는데 거기다 chrome api까지 써야해서 짱지피티랑 같이함

 

background는 디버그를 그냥 하면 되는데 content는 어떻게 하는지 몰라서 무한 콘솔 찍어 봄

-> extension 열고 우클 검사로 하면 됨... 새로고침까지

 

이렇게 기록하는 의미는 PC가 바뀌어도 유지하려는 목적인데 db도 없고 서버도 없어서 일단 local에 저장되게 함

나중에는 safari extension도 만들어서 extension <-> server <-> db 가 목표

-> 서버로 바꿨음, nginx+fastapi+mariadb

 

시간과 제목 기록

1. 링크를 열면 content.js에서 제목을 얻어 background.js로 message를 보냄

2. bg.js에서 message를 받으면 chrome storage에 timestamp와 title를 저장함

3. 저장의 성공 실패 여부를 response 넘겨줌

4. content.js에서 response를 받아 성공, 실패에 따른 notifty 표시

- 이거 안 됨 -> notification 잘 됨

 

글 리스트 중 봤던 제목에 시간 추가

1. 현재 게시판 페이지 리스트의 글을 모두 가져옴

2. forEach로 해당 글의 index, title 가져옴

3. 가져온 title에서 필요 없는 부분 정리

- 댓글 수가 같이 붙어 있어서 삭제

4. chrome storage에 저장된 모든 데이터 가져옴

5. for loop에서 저장된 title들과 현재 페이지의 title들을 비교함

6. 찾으면 저장된 timestamp를 현재 페이지 title 옆에 시간을 추가

 

봤던 히스토리(popup.html)

1. extension 아이콘 클릭 시 popup.js에서 chrome storage의 모든 데이터 가져옴

2. forEach에서 timestamp split

3. 일 단위로 h2 만들고 li child에 해당 일에 해당 하는 것 모두 추가

 

https://github.com/j0n9m1n1/manatoki_read_history

GitHub - j0n9m1n1/manatoki_read_history: None

 

 

사파리는 그냥 포기함, chrome은 배포하지 않아도 쓸 수는 있는데 얘는 답도 없음, 13만원?

->personal로 하면 되긴함, publish할 생각은 없으니

어떻게 export 하고 뭐 xcode로 불러와서 하면 되는 듯?

mfc, .net, pyqt 등 어딜 가도 탭 컨트롤이 있는데 html에 없어서 유튜브가서 열심히 따라함

버튼은 따라한 css에 색상이랑 맞추고 테두리 좀 깎고 border none 해주고

 

option에서 alert, confirm, prompt 다 안열림, stackoverflow에 아래처럼 하랬는데 안 됨

    chrome.extension.getBackgroundPage().alert("");

-> https://developer.chrome.com/blog/dialogs-policy/

Chromium policy on JavaScript dialogs - Chrome for Developers

그래서 억지로 popup.html에 옮겨 넣음

 

231101

퍼블리쉬 하려니까 5달러

회원가입 때문에 개인정보처리지침 넣으래서 개인정보포탈가서 만드려는데 만드는 링크가 안 보임, 나만 없음 

다른 정보는 다 채워 넣었는데 이게 없어서 일단 임시 저장

 

231103

개인정보 포털 연락해보니 만들기 메뉴의 서비스가 종료 됐다고 함

다른 곳 처리방침 보고 알아서 수정 해서 써야할 듯