KnP House for Daily

chrome extension Context Menu 본문

Web/Chrome Extension

chrome extension Context Menu

K.ung 2014.02.02 23:08
function onClickHandler(info, tab) {
	console.log("item " + info.menuItemId + " was clicked");
	console.log("info: " + JSON.stringify(info));
	console.log("tab: " + JSON.stringify(tab));
}

chrome.contextMenus.onClicked.addListener(onClickHandler);

chrome.runtime.onInstalled.addListener(function() {
  var contexts = ["page","selection","link","editable","image","video",
                  "audio"];
  for (var i = 0; i < contexts.length; i++) {
    var context = contexts[i];
    var title = "Page Scrap!";
    var id = chrome.contextMenus.create({"title": title, "contexts":[context],
                                         "id": "context" + context});
    console.log("'context : " + context + "' item : " + id);
  }
});


chrome extension을 이용한 프로그램을 만들때 주로 사용하는 방식중에 하나가

Context Menu이다. 이는 오른쪽 마우스를 클릭햇을 때 나오는 메뉴를 의미한다.


그 메뉴에 개발자가 원하는 메뉴를 추가 할 수 가 있다.


oninstalled에 contextMenu.create를 통해 추가를 해주면,


addListener에 호출할 function()을 등록 하면 등록한 function()이 호출 되고, 


info, tab에 정보가 담겨진당~~~~~~~~


info, tab의 정보들은 chrome extension api를 보면 자세히 알 수가 있다~~

저작자 표시 비영리 변경 금지
신고

'Web > Chrome Extension' 카테고리의 다른 글

[COP]Content_security_Policy  (0) 2014.02.21
chrome extension Context Menu  (0) 2014.02.02
0 Comments
댓글쓰기 폼