브라우저의 상황에 맞는 메뉴 (브라우저의 확장 기능)에 옵션 추가

Question

브라우저에 확장 기능을 쓰고 싶습니다. 선택한 단어에 대한 상황에 맞는 메뉴에 하나의 옵션이 추가됩니다. 그게 내가 성취하고자하는 바입니다 :

나는 웹 사이트의 텍스트에서 단어를 선택하십시오. 마우스 오른쪽 버튼을 클릭하십시오. 컨텍스트 메뉴에서 추가 위치를 볼 수 있습니다. 마우스 왼쪽 버튼을 클릭하면 선택한 단어가 디스크에 저장되고 온라인 번역기 중 하나가 해당 단어로 열립니다.

Chrome 또는 Firefox에 쓰고 싶습니다.

어떤 언어로 작성해야합니까? 튜토리얼을 어디에서 찾을 수 있습니까? 그렇게하기가 어렵습니까? 일반적으로 어떻게해야합니까? (확장 프로그램을 작성한 적이 없습니다.)

Answer 1

Chrome에는 컨텍스트 메뉴를 만들고 조작하기 위해 API이 있습니다.

나는 크롬 (선택한 단어

에 의한 컨텍스트 메뉴에 하나의 옵션을 추가

) 컨텍스트 메뉴에 대한 샘플 확장을 작성했습니다.

manifest.json을

{ 
    "name": "Context Menu Demo", 
    "description": "This gives demo of context menu features", 
    "version": "1", 
    "permissions": ["contextMenus"], 
    "background": { 
    "scripts": ["sample.js"] 
    }, 
    "manifest_version": 2, 
    "icons":{"16":"screen.png","48":"screen.png","128":"screen.png"} 
} 

sample.js 파이어 폭스와

function reportclick(info,tab){ 
    // Do all you need here when clicked 
    console.log("item " + info.menuItemId + " was clicked"); 
} 
var item2=chrome.contextMenus.create({"title":"Search for %s in Context Menu","id":"item2","onclick": reportclick,"contexts":["selection"] },function(){ 
     // Do what all you need here when created 
     console.log("Context Menu 2 Created"); 
});