It's Repository

blog.selpa.co.kr

포토로그



크롬 확장프로그램 : 만들기 일반 유틸 & 사용법

Getting Started: Building a Chrome Extension


작업파일 목록
popup.html.txt   파일명 변경 popup.html 
popup.js.txt      파일명 변경 popup.js


1. 위 파일 4개를  내려받기한다. 

{
  "manifest_version": 2,

  "name": "One-click Kittens",
  "description": "This extension demonstrates a 'browser action' with kittens.",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
  ]
}

소스를 보면 프로그램 매니퍼스트버전, 확장프로그램 이름, 설명, 버전, 브라우저 액션, 권한을 설정하고
아이콘과 팝업될 html을 설정함을 볼 수 있다.

※ chrome 18 까지는 manifest_version : 1 만 있었던걸로 보여진다.(1뿐이라 생략 가능했던걸로 보여짐)
    내 크롬 버전은 30 이라 manifest_version : 2 라고 꼭 설정해야한다.


2. "Chrome 맞춤설정 및 제어" > "도구" > "확장 프로그램"  을 클릭한다.























3. 개발자 모드를 펼친 후 "압축해제된 확장 프로그램 로드..." 를 클릭하여 다운로드받은 폴더를 선택한다. 
 (핵심은 manifest.json 파일을 불러오는것이겠죠 ^^)










4. 크롬 확장프로그램이 추가됨을 볼수 있다.









추가 1. 사용 설정됨 체크박스와 휴지통을 이용해 확장프로그램 확장 여부 및 삭제를 할 수 있다. 













추가 2. "확장 프로그램 압축..." 을 통해 개발된 확장프로그램 폴더를 압축할 수 있다. 압축을 진행하면 해당폴더 상위폴더에 파일이 생성된다. (개발 목록에 보이는 확장프로그램을 압축하는게 아니고 폴더를 선택해서 압축을 진행한다.  개발 목록에 압축하기 버튼이 추가되길 기대해 본다)

C:\chrome_app\started\   에서 작업을 진행하였는데 해당 확장프로그램을 압축하면
C:\chrome_app\started.crx 와  started.pem 이 생성된다.



덧글

  • NABU 2013/10/09 20:17 # 답글

    igoogle 시절 위젯 만들기와 유사한 느낌이네요.(요즘 트렌드 같기도 하고..)
  • 2014/10/17 16:26 # 삭제 답글 비공개

    비공개 덧글입니다.
댓글 입력 영역