[컴][웹] chrome extension plug in 확장 프로그램

console.log()

대부분의 debugging 에서 유용하게 사용될 수 있다.

때론 background.html 에서는 console.log() 로 찍는다 하더라도 console창에서 보이지 않는 경우가 있다..

아마 현재 tab 과 관련된 console.log 만 보여주도록 되어 있는 듯 하다.

이경우에 아래와 같이 사용하기도 하지만,

chrome.extension.getBackgroundPage().console.log('foo');

이때는 그냥 alert() 을 사용하는 것이 편할 듯 하다.

 

background_page

http://code.google.com/chrome/extensions/background_pages.html

chrome 크롬에서 확장프로그램을 load (사용) 하게 되면, background.html 을 우선적으로 load 한다.

다시 말하면, 사용으로 되어 있는 상황에서는 맨처음 chrome 을 실행 시킬 때 extension 이 같이 load 되므로,

이 때 background.html 을 불러 오게 된다. 근데 이 background.html 은 manifest.json 에 background_page 에 정의되어 있다.

다시 말하면 실제적으로 background_page 에 적혀있는 html 을 extension 이 load 될 때 불러 오게 되는 것이다.

그래서 이 background_page 는 extension 이 종료될 때까지 살아있게 된다.

 

browser_action

그리고 address bar 옆에 있는 extension 아이콘을 눌렀을때의 동작은 manifest.json 안에 있는 browser_action이 관여한다.

broswer_action 에서 아래와 같은 사항을 넣을 수 있다.(http://code.google.com/chrome/extensions/browserAction.html)

 

"browser_action": {

    "default_icon": "images/icon19.png", // required

    "default_title": "Google Mail",      // optional; shown in tooltip

    "default_popup": "popup.html"        // optional

  },

 

manifest.json

http://code.google.com/chrome/extensions/manifest.html

 

Cookies

http://code.google.com/chrome/extensions/cookies.html

chrome 제공하는 API 중에는 cookie 를 다룰 수 있는 API 도 제공한다.

일단 cookie 를 다루기 위해서는 manifest.json 에서 permission 을 지정 해 주어야 한다.

그리고 이 cookie 를 얻을때는 어떤 host 에 접근을 해야 하는 경우가 대부분일 것이다.

그럼 당연히 그 host 에 대한 permission 도 추가해야 한다.

예를 들면 http://daum.net 에 접속해서 얻어지는 cookie 를 다루려고 한다면, 

permission 에 http://daum.net 과 cookie 를 추가해야 한다.

(http://code.google.com/chrome/extensions/manifest.html >> permission >> host 참고)

참고로 tabs API 를 위해서도 permission 이 필요하다.

 

"permissions": [

  "http://daum.net",

"cookies",   // chrome.cookies.*

"tabs"    // chrome.tabs.*

]

 

localStorage

기본적으로 browser 에서 local file 에 write 하는 것은 보안상 좋지 않다.

하지만 기존의 data 나, id/pw 등 을 위해서 저장할 필요는 있다.

그래서 HTML5 에서는 localStorage 를 제공한다.

이것을 chrome 에서도 사용할 수 있다.

사용법은 아래를 참조하자.

http://www.rajdeepd.com/articles/chrome/localstrg/LocalStorageSample.htm