推薦 5 款超好用的 Chrome 瀏覽器插件，文末有從別人的電腦移植插件的方法

從事前端開發一年多時間，陸陸續續收藏了一些 Chrome 插件，這些插件極大地提高了我的工作效率，現在分享給大家。

OneTab（經常打開網頁的人必備）

一天的工作結束了，下班的時候發現打開網頁很多，有的第二天可能還會用到，有的想分分鐘刪掉。你們會發現，網站的標題都擠在一起，分不清誰是誰，如何取捨？或許你可以考慮用下 OneTab。

OneTab是一款可以在用戶打開過多 Chrome 標籤頁而「不知所措」的時候，點擊 OneTab 插件一鍵釋放 Chrome 標籤頁內存的谷歌瀏覽器插件，OneTab插件並不是像關閉瀏覽器那樣，直接把所有的標籤頁都關閉掉，它會先把現有的標籤頁都緩存起來，然後使用一鍵收集的功能彈出一個新標籤頁，如圖所示。

在這個 OneTab 插件的標籤頁中，用戶可以選擇恢復其中有用的 Chrome 標籤頁，放棄其他應該關閉的標籤頁。OneTab 還會在重新打開 Chrome 瀏覽器的時候展示你保存過的網頁，你可以選擇是否直接恢復。

Octotree（Github使用者必備）

Octotree 可以使你在 Github 查看項目時，清晰明了地看到項目的結構以及具體代碼，使瀏覽代碼更具有目的性，減少不必要代碼的下載。使用了這個插件以後，項目的頁面會變成這樣

Page-Ruler（前端工程師必備）

Page-Ruler 可以讓你在任何頁面，都可以隨意測量網頁上元素的尺寸和位置。

Page-Ruler 不僅僅可以測量元素的寬度和高度，同時可以測出元素所相對於頁面的絕對位置，對於前端工程師們來說，這應該是不錯和好用的測量插件了。

Save to Pocket

Pocket 可以輕鬆保存文章（閱讀插件）、視頻，方便以後查看，更多人形容它為 Chrome 閱讀插件。有了 Pocket，所有內容可匯聚到一個地方，以便在任何設備上隨時查看。

Pocket 有 APP 版，在手機上和其他終端上，我們也能很方便的打開收藏的網頁。

Momentum

Chrome 瀏覽器默認的標籤頁很醜，每天打開一個超美的瀏覽器頁面，工作和學習的勁頭也足一些，最重要的是 Momentum 能幫助我們裝逼，有種不明覺厲的感覺。

Momentum 自動更換壁紙，自帶時鐘，任務日曆和工作清單。官方的解釋就是：替換你 Chrome 瀏覽器默認的「標籤頁」。裡面的圖片全部來自 500PX 裡面的高清圖，無廣告，無彈窗，非常適合筆記本使用。

裝上這個插件以後，我每次打開瀏覽器不再是空白的一片，而是這樣：

不能下載 Chrome 插件如何是好？從別人電腦拷貝一個

有一次，同事發現我電腦上一個插件很好用，他的電腦又不能上谷歌，於是我們就找到了一種比較曲折的法子，把我電腦里的插件移植到他的電腦上。

第一步

在 Chrome 瀏覽器上輸入 chrome://version/ 找到自己拓展程序在電腦的位置。

第二步

接著在 Chrome 瀏覽器上輸入 chrome://extensions/ 打開拓展程序頁面。

選中最上方的「開發者模式」，找到要導出的插件,複製這個插件的 ID 。

點擊擴展管理頁面最上方的 「打包擴展程序（package extension）」，這時會彈出一個窗口，顯示填寫根目錄，也就是這個插件的帶有版本號的根目錄，Win10 的話在這個地方：

C:Users{用戶名}AppDataLocalGoogleChromeUser DataDefaultExtensions{ID}{版本}

比如，Save to Pocket 的 ID 是：niloccemoadcdkdjlinkgdfekeahmflj，版本號是： 3.0.3.0

在根目錄輸入框中填寫

C:UserkurryAppDataLocalGoogleChromeUser DataDefaultExtensions
iloccemoadcdkdjlinkgdfekeahmflj3.0.3.0

下面的那個選項不用管！！填好以後長這樣：

最後直接提交，在 niloccemoadcdkdjlinkgdfekeahmflj 文件夾下，會有一個文件：3.0.3.0_0.crx。

最後一步

接下來就將這個電腦安裝到 Chrome 版本相同 的電腦上。

打開擴展管理頁面，將 crx 文件拖入窗口，在窗口下方會出現下載文件類似的窗口，點擊「繼續」即可。

如果出現安裝錯誤，請查看導出的 Chrome 版本與導入的 Chrome 版本是否一致。

這次跟大家推薦的是我比較常用的 5 個插件，下次再分享 5 個。如果你有什麼好用的插件不妨也安利給我~

歡迎大家關注微信公眾號：kurryluo

不僅有前端和可視化，還有我的創業經歷、理財經驗、書籍推薦、人生故事

個人網站：http://blog.kurryluo.com

各個分享平台的 KurryLuo 都是在下。

用心學習，認真生活，努力工作！

推薦閱讀：