雖然跟博客來查書的功能相同，但因為蠻實用的...所以還是拿出來

其實就是網路上的 Youtube 影片已經有很多可以下載的途徑，有時希望保存的時候，都需要特別打開另一個網址，所以想要增加一個右鍵功能，減少步驟

但為了避免廣告嫌疑就不提供網址了

manifest.json

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

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

youtube 影片的參數在 https://www.youtube.com/wacth?v= 的 v 部分，所以處理起來不複雜
eventPage.js

var contextMenuItem = {
    "id" : "YoutubeDownload",
    "title" : "Youtube Download",
    "contexts" : ["page"]
};

chrome.contextMenus.create(contextMenuItem);

chrome.contextMenus.onClicked.addListener(function(clickData){
    if(clickData.menuItemId=="YoutubeDownload"){
        var url = clickData.pageUrl;
var v = getParameterByName('v',url);
var newUrl = "為了避免廣告嫌疑就不提供網址了" ;
chrome.tabs.create({ url: newUrl });
    }
});

function getParameterByName (name, url) {
                if (!url) url = window.location.href;
                name = name.replace(/[\[\]]/g, "\\$&");
                var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
                    results = regex.exec(url);
                if (!results) return null;
                if (!results[2]) return '';
                return decodeURIComponent(results[2].replace(/\+/g, " "));
};

每次步驟省個幾秒，其實省下來就是很大的時間

感謝收看 :)