본문 바로가기

Develop/Etc

[Chrome] 확장 만들어보기

manifest.json 파일 생성 후 설정값들 추가


예)

{

  "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": [

    "https://secure.flickr.com/"

  ]

}



위와 같이 하고 popup.html, icon,png파일을 추가해주고 

확장 프로그램 관리에서 해당 폴더를 추가해주면끝.(chrome://extensions/ 에서 개발자 모드)


ps)

크롬 api를 이용해 윈도우로 notification을 보내는 방법


Notification.reqeuestPermission();

 - 권한 요청 하는 함수


var noti = new Notification('title', {body:'body'});


위와 같이 해주면 윈도우에서 원하는 알람을 띄울수 있음.

이때 각 속성값들을 이용해 click 이벤트 등도 추가해줄수 있음.


참고 : http://predicatet.blogspot.kr/2014/05/windowwebkitnotifications-deprated.html