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

kurryluo發表於2019-03-03

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

OneTab(經常開啟網頁的人必備)

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

OneTab是一款可以在使用者開啟過多 Chrome 標籤頁而“不知所措”的時候,點選 OneTab 外掛一鍵釋放 Chrome 標籤頁記憶體的谷歌瀏覽器外掛,OneTab外掛並不是像關閉瀏覽器那樣,直接把所有的標籤頁都關閉掉,它會先把現有的標籤頁都快取起來,然後使用一鍵收集的功能彈出一個新標籤頁,如圖所示。

onetab.jpg

在這個 OneTab 外掛的標籤頁中,使用者可以選擇恢復其中有用的 Chrome 標籤頁,放棄其他應該關閉的標籤頁。OneTab 還會在重新開啟 Chrome 瀏覽器的時候展示你儲存過的網頁,你可以選擇是否直接恢復。

Octotree(Github使用者必備)

Octotree 可以使你在 Github 檢視專案時,清晰明瞭地看到專案的結構以及具體程式碼,使瀏覽程式碼更具有目的性,減少不必要程式碼的下載。使用了這個外掛以後,專案的頁面會變成這樣

Octotree.jpg

Page-Ruler(前端工程師必備)

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

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

ruler.jpg

Save to Pocket

Pocket 可以輕鬆儲存文章(閱讀外掛)、視訊,方便以後檢視,更多人形容它為 Chrome 閱讀外掛。有了 Pocket,所有內容可匯聚到一個地方,以便在任何裝置上隨時檢視。

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

savetopocket.jpg

Momentum

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

Momentum 自動更換桌布,自帶時鐘,任務日曆和工作清單。官方的解釋就是:替換你 Chrome 瀏覽器預設的“標籤頁”。裡面的圖片全部來自 500PX 裡面的高清圖,無廣告,無彈窗,非常適合筆記本使用。

裝上這個外掛以後,我每次開啟瀏覽器不再是空白的一片,而是這樣:

momentum.jpg

不能下載 Chrome 外掛如何是好?從別人電腦拷貝一個

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

第一步

在 Chrome 瀏覽器上輸入 chrome://version/ 找到自己擴充程式在電腦的位置。

方法1.jpg

第二步

接著在 Chrome 瀏覽器上輸入 chrome://extensions/ 開啟擴充程式頁面。

方法2.jpg

選中最上方的“開發者模式”,找到要匯出的外掛,複製這個外掛的 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

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

方法3.jpg

最後直接提交,在 niloccemoadcdkdjlinkgdfekeahmflj 資料夾下,會有一個檔案:3.0.3.0_0.crx。

方法5.jpg

第三步

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

開啟擴充套件管理頁面,將 crx 檔案拖入視窗,在視窗下方會出現下載檔案類似的視窗,點選“繼續”即可。

如果出現安裝錯誤,請檢視匯出的 Chrome 版本與匯入的 Chrome 版本是否一致。

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


歡迎大家關注微信公眾號:視覺化技術( visteacher )

不僅有前端和視覺化,還有演算法、原始碼分析、書籍相送

個人網站:blog.kurryluo.com

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

用心學習,認真生活,努力工作!

相關文章