從事前端開發一年多時間,陸陸續續收藏了一些 Chrome 插件,這些插件極大地提升了個人工做效率,如今分享給你們。前端
一天的工做結束了,下班的時候發現打開網頁不少,有的次日可能還會用到,有的想分分鐘刪掉。大家會發現,網站的標題都擠在一塊兒,分不清誰是誰,如何取捨?或許你能夠考慮用下 OneTab。算法
OneTab是一款能夠在用戶打開過多 Chrome 標籤頁而「不知所措」的時候,點擊 OneTab 插件一鍵釋放 Chrome 標籤頁內存的谷歌瀏覽器插件,OneTab插件並非像關閉瀏覽器那樣,直接把全部的標籤頁都關閉掉,它會先把現有的標籤頁都緩存起來,而後使用一鍵收集的功能彈出一個新標籤頁,如圖所示。chrome
在這個 OneTab 插件的標籤頁中,用戶能夠選擇恢復其中有用的 Chrome 標籤頁,放棄其餘應該關閉的標籤頁。OneTab 還會在從新打開 Chrome 瀏覽器的時候展現你保存過的網頁,你能夠選擇是否直接恢復。瀏覽器
Octotree 可使你在 Github 查看項目時,清晰明瞭地看到項目的結構以及具體代碼,使瀏覽代碼更具備目的性,減小沒必要要代碼的下載。使用了這個插件之後,項目的頁面會變成這樣緩存
Page-Ruler 可讓你在任何頁面,均可以隨意測量網頁上元素的尺寸和位置。微信
Page-Ruler 不只僅能夠測量元素的寬度和高度,同時能夠測出元素所相對於頁面的絕對位置,對於前端工程師們來講,這應該是不錯和好用的測量插件了。前端工程師
Pocket 能夠輕鬆保存文章(閱讀插件)、視頻,方便之後查看,更多人形容它爲 Chrome 閱讀插件。有了 Pocket,全部內容可匯聚到一個地方,以便在任何設備上隨時查看。源碼分析
Pocket 有 APP 版,在手機上和其餘終端上,咱們也能很方便的打開收藏的網頁。學習
Chrome 瀏覽器默認的標籤頁很醜,天天打開一個超美的瀏覽器頁面,工做和學習的勁頭也足一些,最重要的是 Momentum 能幫助咱們裝逼,有種不明覺厲的感受。網站
Momentum 自動更換壁紙,自帶時鐘,任務日曆和工做清單。官方的解釋就是:替換你 Chrome 瀏覽器默認的「標籤頁」。裏面的圖片所有來自 500PX 裏面的高清圖,無廣告,無彈窗,很是適合筆記本使用。
裝上這個插件之後,我每次打開瀏覽器再也不是空白的一片,而是這樣:
有一次,同事發現我電腦上一個插件很好用,他的電腦又不能上谷歌,因而咱們就找到了一種比較曲折的法子,把我電腦裏的插件移植到他的電腦上。
在 Chrome 瀏覽器上輸入 chrome://version/ 找到本身拓展程序在電腦的位置。
接着在 Chrome 瀏覽器上輸入 chrome://extensions/ 打開拓展程序頁面。
選中最上方的「開發者模式」,找到要導出的插件,複製這個插件的 ID 。
點擊擴展管理頁面最上方的 「打包擴展程序(package extension)」,這時會彈出一個窗口,顯示填寫根目錄,也就是這個插件的帶有版本號的根目錄,Win10 的話在這個地方:
C:\Users{用戶名}\AppData\Local\Google\Chrome\User Data\Default\Extensions{ID}{版本}
好比,Save to Pocket 的 ID 是:niloccemoadcdkdjlinkgdfekeahmflj,版本號是: 3.0.3.0
在根目錄輸入框中填寫
C:\User\kurry\AppData\Local\Google\Chrome\User Data\Default\Extensions\niloccemoadcdkdjlinkgdfekeahmflj\3.0.3.0
下面的那個選項不用管!!填好之後長這樣:
最後直接提交,在 niloccemoadcdkdjlinkgdfekeahmflj 文件夾下,會有一個文件:3.0.3.0_0.crx。
接下來就將這個電腦安裝到 Chrome 版本相同 的電腦上。
打開擴展管理頁面,將 crx 文件拖入窗口,在窗口下方會出現下載文件相似的窗口,點擊「繼續」便可。
若是出現安裝錯誤,請查看導出的 Chrome 版本與導入的 Chrome 版本是否一致。
此次跟你們推薦的是我比較經常使用的 5 個插件,下次再分享 5 個。若是你有什麼好用的插件不妨也安利給我~
歡迎你們關注微信公衆號:可視化技術( visteacher )
不只有前端和可視化,還有算法、源碼分析、書籍相送
我的網站:blog.kurryluo.com
各個分享平臺的 KurryLuo 都是在下。
用心學習,認真生活,努力工做!