Chrome Extensions – 練習 – ContextMenu 取得 Page Url 資訊

做一個簡單的功能，在使用 ContextMenu 時，可以使用 notifications 顯示 Url 提示

{
    "manifest_version" :2,
    "name" : "Get Url",
    "version" : "1.0",
    "description" : "",
    "icons" :{
        "128" : "icon128.png",
        "48" : "icon48.png",
        "16" : "icon16.png"
    },
    "background" :{
        "scripts" :["jquery-3.3.1.js","eventPage.js"],
        "persistent" : false
    },

    "permissions" : [
        "notifications",
        "contextMenus"
    ]
}

manifest.json 需要 permissions 使用 notifications 與 contextMenus

因為需要使用到 JQuery 所以需要在 background 可以載入 jquery 與 eventPage 兩個 script

在 contextMenuItem 裡面的 contexts 使用參數 page

var contextMenuItem = {
    "id" : "GetUrl",
    "title" : "Get Url",
    "contexts" : ["page"]
};

chrome.contextMenus.create(contextMenuItem);

chrome.contextMenus.onClicked.addListener(function(clickData){
    if(clickData.menuItemId=="GetUrl"){
        var url = clickData.pageUrl;
        var notifOptions = {
                type : 'basic',
                iconUrl : 'icon48.png',
                title : 'Show Url ',
                message : url 
            };
            chrome.notifications.create('limitNotif',notifOptions);
          }
});