Chrome Extensions2013. 5. 9. 16:13

 주소 표시 줄 오른쪽에 있는 크롬 툴바에 아이콘을 넣어 브라우저 액션을 사용. 해당 아이콘뿐만 아니라, 브라우저 액션은 툴팁, 배지, 및 팝업이 가능.


Manifest

{
  "name": "Hello, BrowserAction",
  ...
  "browser_action": {
    "default_icon": {					// 아이콘 설정
      "19": "images/icon19.png",        // 사이즈 
      "38": "images/icon38.png"           
    },
    "default_title": "Google Mail",     // 확장 프로그램 마우스 오버시 툴팁
    "default_popup": "popup.html"       // 클릭시 열리는 팝업 페이지
  },
  ...
}


Icon

정적 이미지를 사용하거나 HTML5 캔버스 요소 사용 가능.

아이콘 픽셀 사이즈 : 19, 38


Badge

배지 공간 : 4자 이하


Popup

사용자가 아이콘을 클릭하면 팝업이 나타납니다. 팝업은 그 내용에 맞게 자동으로 크기가 주어집니다.


chrome.browserAction Reference



'Chrome Extensions' 카테고리의 다른 글

[Browser UI]chrome.omnibox  (0) 2013.05.10
[Browser UI]Desktop Notifications  (0) 2013.05.10
[Browser UI]contextMenus  (0) 2013.05.10
manifest.json  (0) 2013.05.09
구글크롬 확장 프로그램 - Getting Started  (2) 2013.05.06
Posted by 건깡