和一塊兒讀研究生的同窗Meng一塊兒上週開發了這個Chrome Extension:別頹啦 - bietui.la。web
一開始Meng說了這個idea,我有一個想法就是這個是絕對不可能防止人頹的。。。所以,我抱着好玩+學習Chrome API的願望開始了,誰知道在開發過程當中狂背了200多個單詞,而後以爲也許這個還挺靠譜。做爲一個在課餘+工做之餘+玩樂之餘完成的輕應用,我在這裏簡述一下從整個過程當中學到的一些細節。chrome
別頹啦 - Chrome Extension:
* 擴展地址: http://t.cn/RPXKit0
* 網站地址: http://www.bietui.la/
* 牆內crx下載地址: http://www.bietui.la/downloads/瀏覽器
想法很簡單,website blocker,添加本身愛頹的網站,而後訪問該網站會被redirect到這個頁面並要求答對5到單詞題方可進入網站。安全
產品並不複雜,可是要兩我的一塊兒來完成,就必定要合做。與一個成熟完整的團隊不一樣,這樣的一個臨時的互相技術不瞭解的人的合做比想象中要複雜。咱們在一開始的合做中也慢慢摸索出了一些有借鑑意義的地方:app
尼瑪被牆啦!!!這個簡直喪心病狂,記得上次在國內的時候,這個仍是能夠用的,如今就是一個不斷轉啊轉啊的loading logo了好麼。
吐槽完畢,如何解決?咱們的方法是讓用戶能夠下載.crx
文件,結果又是坑啊!!!應爲安全緣由,被直接下載的.crx
文件會彈出錯誤框,且直接打開這個文件瀏覽器會報錯。惟一的方法是,將這個文件拖入chrome://extensions/
頁面,才能夠安裝(詳情請參考:教程)。ide
爲了更好地、簡單的更新網站內容,咱們會把被block的網站redirect到另一個域名上,而這個時候和extension的JS溝通成了一個很蛋疼的問題。因爲這個script是insert到頁面裏的,讀取有時間延遲。學習
嗯哪,爲了讓你們最大程度地享受Chrome Extension的好用,咱們在storage上儘量存號東西,可是每次修改了extension後,直接reload也可能不對,須要刪除本地應用後從新安裝才能夠更好地debug。網站
寫的比較着急,要去吃好吃的,因此有不完善的地方以後會更新ui