iT邦幫忙

DAY 18
1

Chrome Extension 開發筆記系列 第 15

Chrome Extension 筆記(18)訂製右鍵選單(ContextMenus)

  • 分享至 

  • twitterImage
  •  

一年多前 google 自己推出的右鍵搜圖 Search by Image 套件,
沒想到今天已經變成內建的了(新版Chrome 按右鍵找圖)
所以今天就來寫一下右鍵選單(ContextMenus)吧

manifest.json

{
   "manifest_version": 2,
   "name": "ironman6",
   "version": "1.0",
   "background": {
      "scripts": ["background.js"]
   },
   "permissions": [
      "contextMenus"
   ]
}

background.js

for (var i = 1; i < 7; i++) {
    chrome.contextMenus.create({
        "title": "Day " + i,
        "contexts":["all"],
        "onclick": genericOnClick
    });
}

function genericOnClick(info, tab) {
    var output = [];
    for(item in info){  
        output.push(item + ' : ' + info[item]);  
    }
    for(item in tab){  
        output.push(item + ' : ' + tab[item]);  
    } 
    chrome.tabs.create({  
        url: 'data:text/html;charset=utf-8,' + '<p>' + output.join('<p/><p>') + '</p>'  
    })
}

上一篇
Chrome Extension 筆記(17)將網頁保存成單一 mht 檔, 方便離線查看
下一篇
Chrome Extension 筆記(19)提供最新資訊的幕後功臣, 事件頁面.
系列文
Chrome Extension 開發筆記27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言