寫chrome插件---一個優酷自動加粉絲助手 - diligenceday－IT工程師數位筆記本

文章出處

　　寫chrome插件主要就是寫js ，我們要構造界面(HTML)，以及樣式(CSS)，以及chrome給我們提供的jsAPI，主要是chrome的API，調試的話可以使用chrome的開發者工具（f12）直接調試;

　　API地址的截圖先過一遍，這個非常重要：

　　如果從來沒寫過chrome插件，我們可以參考這個打開, 里面有很多現成的DEMO，我們能夠直接在線看一些簡單的DEMO代碼：

　　我寫的這個youku自動訂閱助手使用了bootstrap和jQ（個人認為是標配，(●'◡'●)），也用了糖餅的artDialog插件，謝謝糖餅大神，主界面截圖如下：

　　如果你點擊登陸訂閱的按鈕就會刷新驗證碼，這個驗證碼在優酷獲取的，同時跳出一個prompt的彈窗要求你輸入驗證碼，再點擊確認就可以自動訂閱在訂閱列表中的用戶;

　　在設置界面中可以設置自動登陸的用戶和密碼，用戶名和密碼通過"---"(橫杠)分開,每條用戶信息之間通過","(逗號)分開：

　　如果要批量訂閱的話很好用， 那么問題來了，如果你有400個賬號的話，這400個賬號同時要訂閱（關注）400個賬號，那么你怎么辦？用自動輸入驗證碼工具就好了哇，@me；

　　優酷登錄的流程是先通過GET獲取驗證碼，然后再通過ajax發送驗證碼，用戶名，密碼，JSONCallBack，到一個地址，如果登錄成功就返回成功的代碼，并給客戶端設置cookie;

　　訂閱是通過GET一個鏈接，參數為你想訂閱的訂閱號;

　　chrome的插件需要一個配置文件，這個文件的名字叫做“manifest.json”，（grunt的使用也需要一個配置的JSON，用處是一樣的), 文件的里面就是各種配置參數，在chrome打包擴展程序的時候會用到這些配置信息：

{
  "name": "ykNono",
  "version": "0.0.0",
  "manifest_version": 2,
  "description": "youku登錄助手",
  "browser_action" : {
　　//配置應用在chrome中顯示的logo圖片
    "default_icon" : "yk_nono.png",
    "default_title" : "youku_login",
　　　//可以通過點擊應用的按鈕打開
    "default_popup" : "popup.html"
  },
　　//可以通過訪問chrome的歷史記錄打開；
  "chrome_url_overrides" : {
    "history": "popup.html"
  },
　　//申請跨域請求，申請該插件中cookie的保存和讀取；
  "permissions": [
    "http://*/",
    "cookies"
  ]
}