2012-12-09 198 views
15

我已經搜查,搜查,並尋找一個解決方案,這一點,但每個源我遇到似乎認爲我已經有了Chrome擴展,甚至是谷歌的幫助頁面上下文菜單

我知道的厚積薄發非常基礎的Chrome擴展,我用一些基本的內容腳本製作了一個。但是,現在我正在尋找一種涉及上下文菜單的方法。

比方說,當您突出顯示單詞並右鍵單擊它們時,您會看到選項Search '<highlighted words>' on Google,並在單擊時在新選項卡中打開http://www.google.com/search?q=<highlighted words>。我知道這存在於Chrome中,我確信已經有十億個擴展模塊在複製它,但這只是我的一個示例。

我該怎麼做?

+1

你錯過了這個教程,它正是你的問題http://tomoprogramming.blogspot.fr/2013/08/simple-tutorial-for-chrome-extension.html –

+2

該問題於2012年發佈。2013年的教程。不能錯過任何事情g不存在。 – Expenzor

回答

41

腳本應該是這樣的:

function getword(info,tab) { 
    console.log("Word " + info.selectionText + " was clicked."); 
    chrome.tabs.create({ 
    url: "http://www.google.com/search?q=" + info.selectionText, 
    });   
} 
chrome.contextMenus.create({ 
    title: "Search: %s", 
    contexts:["selection"], 
    onclick: getword, 
}); 

而且manifest.json的:

{ 
    "name": "App name", 
    "version": "1.0", 
    "manifest_version": 2, 
    "description": "Your description", 
    "permissions": [ 
     "contextMenus" 
    ], 
    "background": { 
     "scripts": ["script.js"] 
    } 
} 

在這裏你有如何加載擴展:http://developer.chrome.com/extensions/getstarted.html

+1

此代碼將插入到何處? – UserIsCorrupt

+0

把這兩個文件(manifest.json和script.js)放到一個文件夾中。就這樣! –

+0

完美地工作。我找不到這樣簡單的解釋。謝謝! – UserIsCorrupt