寫chrome外掛程式 乙個優酷自動加粉絲助手

2022-01-13 12:02:35 字數 2089 閱讀 7660

chrome外掛程式主要就是寫js , 我們要構造介面(html), 以及樣式(css),  以及chrome給我們提供的jsapi, 主要是chrome的api, 除錯的話可以使用chrome的開發者工具(f12)直接除錯;

我寫的這個youku自動訂閱助手使用了bootstrap和jq(個人認為是標配,(●'◡'●)),也用了糖餅的artdialog外掛程式,謝謝糖餅大神 , 主介面截圖如下:

如果你點選登陸訂閱的按鈕就會重新整理驗證碼,這個驗證碼在優酷獲取的, 同時跳出乙個prompt的彈窗要求你輸入驗證碼,再點選確認就可以自動訂閱訂閱列表中的使用者;

設定介面中可以設定自動登陸的使用者密碼,使用者名稱和密碼通過"---"(橫槓)分開,每條使用者資訊之間通過","(逗號)分開:

優酷登入的流程是先通過get獲取驗證碼, 然後再通過ajax傳送驗證碼使用者名稱密碼jsoncallback,到乙個位址,如果登入成功就返回成功的**,並給客戶端設定cookie;

訂閱是通過get乙個鏈結,引數為你想訂閱的訂閱號;

chrome的外掛程式需要乙個配置檔案, 這個檔案的名字叫做「manifest.json」, (grunt的使用也需要乙個配置的json,用處是一樣的), 檔案的裡面就是各種配置引數, 在chrome打包擴充套件程式的時候會用到這些配置資訊:

,

//可以通過訪問chrome的歷史記錄開啟;

"chrome_url_overrides": ,

//申請跨域請求,申請該外掛程式中cookie的儲存和讀取;

}

還有乙個主介面的html,叫做"popup.html", 目前的結構如下:

然後在chrome中開啟chrome://extensions/, 點選打包擴充套件程式

此時又有另乙個對話方塊出來, 我們點選"擴充套件程式根目錄"瀏覽到新建的外掛程式目錄, 第一次不需要"私有金鑰檔案",因為chrome會幫助你生成乙個key檔案,以後直接選擇這個key檔案,畢竟後面都寫了「可選」了....:

然後點選「打包擴充套件程式",就會生成乙個crx字尾的檔案,如果有問題chrome會告訴你**有錯,你找到對應的問題自己改;

然後就可以把這個crx檔案拖到」chrome://extensions/「的選項卡,chrome會提示你安裝;

api參考:

chrome瀏覽器的api參考

nono

出處:287101329

編寫乙個Chrome外掛程式

也可說是突然萌生出來的乙個想法 編寫乙個chrome外掛程式。其實最終的目的,還是為了解決工作中的一些問題。比如當前開發專案的自動登入功能。chrome擴充套件可以看做是乙個迷你版的站點。它更多的是用來提供功能擴充套件,而不側重內容展示。所以,它的實際組成是一組html css script檔案。b...

第乙個chrome外掛程式

上週抽了點時間看了下chrome擴充套件的製作,於是想到公司裡在開發環境測試的時候相當地繁瑣,需要手動地將url位址從com變到daily,那就寫個外掛程式試試。需求 將輸入的taobao.com修改為daily.taobao.net chrome擴充套件是由一些列js和html組成,由乙個json...

js寫乙個外掛程式

分號開頭,用於防止 壓縮合併時與其它 混在一起造成語法錯誤 而事實證明,uglify壓縮工具會將無意義的前置分號去掉,我只是習慣了這麼寫 function 立即執行函式,閉包,避免汙染全域性變數 通常乙個外掛程式只暴露乙個變數給全域性供其它程式呼叫 還有其它寫法,運算子 函式體 括號 例 funct...