[Google Chrome Extension] Learn Basics: Overview

Development / Chromeapp

  1. Extension 구성 파일들은 .crx 확장자로 압축(zipped)되어 배포된다.
    • manifest (json type)
    • html
      • background page: browser action extension과 page action extension 모두 background page를 가지는데, 말 그대로 사용자에게 보이지 않으며 해당 extension의 부모창 역할을 수행하는 페이지를 이야기한다.  (https://developer.chrome.com/extensions/background_pages)
        • persistent background pages: always open
        • event pages: 요구가 있을 때만 열리거나 닫힘.
      • UI Pages: 사용자에게 보여지는 UI 페이지, tabs.create()나 window.open() 등으로 사용자에게 보여 줄 수 있다. 이 UI Pages에서는 각각 다른 웹페이지들의 DOM에 접근이 가능하다.
    • content scripts: extension이 웹페이지와 인터랙션 하기 위해서는 이 content script가 필요하다. (https://developer.chrome.com/extensions/content_scripts)
  2. Chrome.* APIs (https://developer.chrome.com/extensions/api_index)
    • 동기 메소드와 비동기 메소드가 존재함. 동기 메소드는 일반적으로 리턴값을 가지고 있고, 비동기 메소드는 파라미터에 콜백 메소드를 넣을 수 있게 되어있음.
  3. Storage API를 이용해서 데이터를 저장 할 수 있음. (https://developer.chrome.com/extensions/storage) 단, 시크릿모드(incognito 모드)일 때는 데이터를 기록하지 않는 것이 원칙이기 때문에 주의해야함. (인코그니토일때에도 접속 기록 같은 데이터 저장이 가능하지만, 신의성실하게.. 먼저 인코그니토인지 확인하고 저장프로세스 진행할것.)
Share on : Twitter, Facebook or Google+