Chrome之谷歌外掛程式開發

最近碰到乙個需求,需要在某個平台上批量的新增好友,如果是人工點選,可以操作,但是效率並不高,人工成本較高.就打算使用瀏覽器外掛程式的方式來完成這件重複性的工作.

介紹:chrome外掛程式的本質就是乙個由 manifest.json 檔案和外掛程式所需要的，css，html，js資源組成的乙個web頁面，只是和傳統的web頁面不同的，它是以chrome瀏覽器為宿主執行的乙個web程式。總的來說就是乙個使用前端的技術就可以完成的內容

使用:1. 首先，我們需要manifest.json檔案來宣告我要寫的外掛程式的相關資訊。可以把manifest.json理解成外掛程式的入口，即chrome需要通過manifest.json來理解你的外掛程式要引用哪些檔案、需要哪些許可權、外掛程式圖示等資訊。

檔案可以參考官網或者其他裡面有詳細的引數說明

,
"browser_action
":, 
"permissions
":[ 
""],
"content_scripts":}

目錄結構大致如下:

設定logo和對應的點選頁面: icon.png popup.html

popup.html示例:

可以在使用的時候,進行**壓縮處理

js目錄中存放相關的js**

2.外掛程式使用

開啟開發者模式:

點選:"載入已解壓的擴充套件程式" 將開發的檔案目錄載入進來

開啟相應的**即可實現效果

另外可以不自己進行外掛程式開發,直接使用油猴進行指令碼的開發工作:

2. 安裝

3. 新建乙個指令碼即可急速開發

//
==userscript==
//@name in-friends-add
//@namespace 
//@version 0.1
//@description 領英平台自動新增好友
//跳轉到首頁
location.href = '
mynetwork/';
}//新增好友
function addfriends(),
onload: function(ret)
else
}});
sleep(
300);
}});
}function addkeywordfriends(),
onload: function(ret)
else
}});
}//sleep(5000);
}); sleep(
2000
); 
//分頁跳轉
var pagenum = typeof(page) == '
undefined
' ? 1
: page;
console.log(pagenum);
location.href = '
search/results/people/?keywords=
'+keyword+'
&origin=cluster_expansion&page=
'+(parseint(pagenum)+1
); }
//休眠時間
function sleep(numbermillis)
}//獲取分頁引數
function geturlparam(name)}}
else
}//function getkeyword()
console.log(
'當前訪問路徑:
'+path);
})();

Chrome之谷歌外掛程式開發

chrome谷歌外掛程式

谷歌chrome 外掛程式（擴充套件）開發談談安裝

谷歌外掛程式開發

Chrome之谷歌外掛程式開發

chrome谷歌外掛程式

谷歌chrome 外掛程式（擴充套件）開發 談談安裝

谷歌外掛程式開發

相關推薦

谷歌chrome 外掛程式（擴充套件）開發談談安裝