寫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打包擴充套件程式的時候會用到這些配置資訊:
,還有乙個主介面的html,叫做"popup.html", 目前的結構如下://可以通過訪問chrome的歷史記錄開啟;
"chrome_url_overrides": ,
//申請跨域請求,申請該外掛程式中cookie的儲存和讀取;
}
然後在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...