태그: Chrome
3편
-
Chrome 확장 프로그램 가이드 — Manifest V3·서비스 워커·메시징·콘텐츠 스크립트·프로덕션 패턴
Chrome 확장 프로그램은 단일 웹앱이 아니라 여러 실행 컨텍스트(서비스 워커, 확장 페이지, 콘텐츠 스크립트, 필요 시 오프스크린 문서)가 chrome.* API와 메시징으로 묶인 구조입니다. Manifest V3의 서비스 워커 수명, 메시지 전달, 콘텐츠 스크립트 격리, 권한과 배포 운영을 실행 모델 기준으로 설명합니다.
-
Wxt로 브라우저 확장 만들기: Manifest V3 생성, 엔트리포인트 구조, Storage·메시징, 크로스 브라우저
Wxt로 Manifest V3 브라우저 확장을 만들 때 wxt.config.ts로 매니페스트를 생성하고 entrypoints 규칙으로 백그라운드·콘텐츠 스크립트·팝업을 구성하는 방법, Storage와 메시징, Firefox 빌드 타깃을 현재 탭 정보 확장 예제로 다룹니다.
-
Puppeteer로 브라우저 자동화: 스크래핑, 스크린샷·PDF 생성, 폼 자동화, 대기 전략
Puppeteer가 Chrome DevTools Protocol을 감싸는 구조와 Playwright·Selenium 비교, 헤드리스 브라우저로 텍스트 스크래핑, 전체 페이지·요소 스크린샷, PDF 생성, 로그인·파일 업로드 폼 자동화, waitForSelector 대기 전략을 다룹니다.