Skip to main content

07-15

Chrome extension content-script react

Monica와 같은 디자인으로 익스텐션 개발시 chrome.sidePanel을 사용하지 않고
body안에 html을 삽입하는 구조로 작성해야함
createElement/appendChild를 이용한 html을 생성하려고 했으나 추후 디자인까지 고려해 React로 변경

Monica와 달리 동일한 width에도 화면내 영역을 차지하지않고 (fixed position때문으로 추정됨)
onload시 contentscript가 자동으로 load되는 문제

Process

  1. background service-worker -> chrome API 실행 (toggle html)
  2. build된 contentscript load