我們?cè)谟^看一些平臺(tái)的視頻資源時(shí)，比如優(yōu)酷視頻、騰訊視頻、愛奇藝等等，通常都會(huì)需要VIP資格才能觀看到更稀缺的視頻，如何通過破解來實(shí)現(xiàn)免VIP觀看呢？下面我們來看一看怎么用Chrome插件實(shí)現(xiàn)。

視頻解析網(wǎng)站

我們找到一個(gè)視頻解析的網(wǎng)站，其基本解析原理就是將需要VIP的視頻播放網(wǎng)址復(fù)制到搜索框中，點(diǎn)擊搜索后跳轉(zhuǎn)到解析后的視頻地址，進(jìn)行播放。

如果把它做成在網(wǎng)頁上直接通過右鍵點(diǎn)擊就可以播放，豈不是更方便？

解析網(wǎng)站的工作原理

通過搜索框復(fù)制粘貼網(wǎng)址，獲取到需要解析的視頻網(wǎng)址，點(diǎn)擊搜索后，網(wǎng)址和一串URL合成新的網(wǎng)址，后臺(tái)解析并打開。新網(wǎng)址格式具體為：

http://www./yun.php?url=需要VIP的視頻網(wǎng)址

點(diǎn)擊打開解析網(wǎng)站

制作chrome插件

根據(jù)以上的分析，我們做插件只需要這幾步來實(shí)現(xiàn)

1. 獲取當(dāng)前頁面的網(wǎng)址；

2. 將網(wǎng)址與前綴URL組合在一起，構(gòu)成解析格式；

3. 右鍵點(diǎn)擊時(shí)，提交組合后的網(wǎng)址，并打開新窗口播放解析視頻。

   具體實(shí)現(xiàn)

• manifest.json(配置文件)

{
  "update_url": "https://clients2.google.com/service/update2/crx",

  "name": "視頻解析",
  "description": "通過右鍵解析當(dāng)前需要VIP的視頻資源",
  "manifest_version": 2,
  "version": "1.0.0",
  "icons":{
    "16":"16.png",
    "48":"48.png",
    "128":"128.png"
  },
  "permissions": ["contextMenus", "tabs"],
  "background": {"page": "background.html"}
}

注解：因?yàn)樾枰蜷_網(wǎng)頁，和監(jiān)測(cè)網(wǎng)頁的網(wǎng)址，所以需要

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

• jx.js(腳本文件)

function jx(info, tab){
       var url='';
chrome.tabs.getSelected(function(tab) {
    url=tab.url;
    var open_url = "http://www./yun.php?url="   url;
    window.open(open_url);
});

}
var left_title ="解析當(dāng)前視頻";
var parent = chrome.contextMenus.create({"title": left_title,"contexts":["all"],"onclick":jx});

注解：通過chrome內(nèi)部的調(diào)用，由tab.url獲取當(dāng)前網(wǎng)址。構(gòu)造jx函數(shù)，組合網(wǎng)址，最后利用chrome.contextMenus.create建立右鍵選項(xiàng)，其中contexts表示右鍵選項(xiàng)顯示的條件，all表示任何情況下。，onclick表示點(diǎn)擊后做的動(dòng)作，直接調(diào)用了jx方法。

• background.html(后臺(tái)網(wǎng)頁)

<script src="jx.js"></script>

注解：background一直調(diào)用jx.js實(shí)現(xiàn)所需功能。

打包成插件

所有代碼編寫完后，資源如下：

• 16.png

• 48.png

• 128.png

• jx.js

• background.html

• manifest.json

在瀏覽器插件管理中，選擇開發(fā)者模式，打包擴(kuò)展插件，得到可用的crx格式的chrome插件文件，將其拖拽到瀏覽器即可使用。