1. 程式人生 > >程式設計師的修行-《1.高效chrome外掛》

程式設計師的修行-《1.高效chrome外掛》

400f0a9fea334c5eb0f6781f4095e25e5c898860

簡單介紹如何通過外掛打造個性化的chrome瀏覽器,方便程式設計師或者是其他依賴於網際網路來工作的同學更加高效的工作學習。

那麼有哪些外掛是開發人員最常用的chrome外掛呢?今天我們chrome外掛網就整理了十款開發者常用的Chrome 外掛推薦給大家,讓chrome成為所有開發者的開發利器。

宣告作者:wywincl|原文地址

https://www.jianshu.com/p/f0357b90923e

729f684ffb3f55a34496524ab6569d5ce85da661

[掘金Chrome外掛] 幫你發現乾貨

不管你是開發者、設計師還是產品經理,想必每天都需要閱讀大量的行業相關文章,這就需要我們瀏覽大量的網際網路站點去尋找我們需要的內容。拋開繁複的篩選成本不說,「位元級」的內容都會壓得你喘不過氣來。掘金為了解決這個問題,開發了掘金 Chrome外掛,掘金 Chrome 外掛聚合了國內外優質的網際網路站點內容,在節省你的篩選成本的同時,幫你發現好內容。

e8ed5128b64491ca0fdebbe8e938d4563c9f0a7a

高效外掛

外掛名稱     介紹             備註




Evernote web clipper

Evernote瀏覽器外掛

一鍵儲存網頁到印象筆記,即時同步到你的手機和電腦,不用複製貼上編輯再整理。

JSON-handle

JSON友好展示外掛

對JSON格式的內容進行瀏覽和編輯,以樹形圖樣式展現JSON文件,並可實時編輯。

Octotree

github程式碼瀏覽外掛

是一款可以使你在github檢視專案時可以清晰明瞭的看到專案的結構以及具體程式碼

Vimium

vim命令外掛

可以通過vim的操作命令來控制瀏覽器頁面,徹底拋棄滑鼠

IE tab

IE核心外掛

在Chrome中使用IE核心的外掛,相容一些只支援IE的網站

Adblock Plus

頁面去廣告外掛

chrome中最流行的廣告攔截程式

接下來分別介紹一下每款外掛

Evernote web clipper

印象筆記chrome外掛,能夠一鍵儲存正在瀏覽的頁面,包括網頁正文,或者是整個頁面,並且去除廣告等;同時實時同步到evernote中,可以隨時隨地在手機端或者電腦端閱覽。

e50eb29235aaf49d1d7e94cf85893a8c1cee45e2

c2d4751b007a0e890be1d19d66de03b1cc125641

正所謂好記性,不如爛筆,平時在瀏覽網頁部落格的時候,遇到好的文章可以記錄下來,到時候也可以進行回顧。

JSON-handle

JSON-handle外掛是一款可以將JSON資料進行友好展示的外掛,有時候我們需要通過瀏覽器來訪問REST介面,而REST介面返回的JSON資料格式可能是壓縮的,沒有層次感。通過這款外掛,我們就可以以樹形的結構檢視編輯JSON資料。

aba423c7034ffa2f42184c0f388eb1b25e87ecd1

如下圖所示,我們訪問http://www.httpbin.org/get

3c433a7e25188df1c8cea0aa190228f1ff0cd7e6

Octotree

樹形展示 Github 專案程式碼。
有時候我們檢視Github上的開源專案, 如果想閱讀其原始碼,則需要一層一層地點選專案目錄,直到看到程式碼檔案,而且回退比較繁瑣,這時候Octotree外掛就可以很好的幫助我們瀏覽Github專案了。

0537ab9221bf7514c1a686819454897df966168c

如上圖側邊欄,Octotree會自動生成側邊欄,並且按照樹形的組織結構,來組織專案。

Vimium

相信很多人喜歡純鍵盤程式設計,而不是用滑鼠,所以就有了這款Vimium外掛,vimium外掛把vim編輯器的命令帶入了chrome中,可以用vim命令來控制chrome的頁面,比如上下滑動,翻頁,切換tab頁,點選連結等。這樣我們就不需要通過滑鼠來操作瀏覽器頁面了。

5bd05533072add1e6877df3ab49d05816620262f

272056339d7cbc6791188a1c4a6a0b49ee15fc19

vim命令快捷鍵

5b8530c27659b9fffe8f4cd812dd4ab734bbc35e

IE tab

在標籤頁中以IE核心顯示網頁。快捷、強健、可靠,徹底擺脫老舊網站需要在IE瀏覽器中才可使用的窘境。

f61522e25260cbb9e843e9a51e0c677a79f4dafe

IE Tab是一款IE核心渲染外掛。自2009年起,就一直是chrome擴充套件排名前十的外掛。

IE Tab通過直接在Chrome中使用IE渲染引擎來模擬IE。這將使您能夠使用ActiveX控制元件,並使用IE(IE6、IE7、IE8或IE9+)的不同版本測試您的web頁面。

同時,很多老舊的頁面或者對安全性有要求的網站(如網銀盾等)都必須使用IE核心才可正常瀏覽,而每次切換2種瀏覽器和對IE糟糕的使用者體驗相信大家早就深惡痛絕了。IE Tab通過外掛的形式完美的解決了這個問題,讓魚與熊掌兼得。
目前IE tab相容以下模式

153e2362de08ce3a19f2e03449bc1af0ced1aeb0

Adblock Plus

Adblock Plus 可讓您遮蔽煩人的廣告、跟蹤、惡意軟體及其他您不像在瀏覽器中看到的東西。 Adblock Plus 是 Wladimir Palant 在2006年建立的一個開源專案。Eyeo 是 Wladimir Palant 和 Till Faida 在2011年一同建立,使 Adblock Plus 能夠可持續發展。

Adblock Plus是由弗拉基米爾·帕朗(Wladimir Palant)於2006年開發的一個開源專案。2011 年,弗拉基米爾·帕朗和法伊達成立 Eyeo,使其發展穩定。

cc071f03f4d320443b26246e010136e783cdbd1a

安裝

由於最新版本的chrome不支援安裝非信任源的外掛,因此如果不能在官方的chrome應用商店安裝的話,需要通過一些手段來安裝。
這裡推薦一個工具chrome外掛伴侶,有興趣的同學可以自行下載使用,一鍵安裝外掛很方便。(如果找不到,可以評論回覆我,我放到網盤上)

另外還有:

[Postman]:強大的 API & HTTP 請求除錯工具

相信 Postman 對於掘金上的各位開發者來說,一定不會陌生,這是一款強大的 API & HTTP 請求除錯工具,Postman 不僅可以除錯簡單的 HTML、CSS 以及指令碼等簡單的網頁基本資訊,這款 Chrome 外掛甚至還能傳送幾乎所有的 HTTP 請求,可謂是 Web 開發者的一大利器。

d0075d6b1e97deb9ebd93e03f2574b5ee0b23f05

使用地址

http://www.cnplugins.com/devtool/postman/

另外還有兩個常用的外掛:

Postman:強大的 API & HTTP 請求除錯工具

相信 Postman 對於掘金上的各位開發者來說,一定不會陌生,這是一款強大的 API & HTTP 請求除錯工具,Postman 不僅可以除錯簡單的 HTML、CSS 以及指令碼等簡單的網頁基本資訊,這款 Chrome 外掛甚至還能傳送幾乎所有的 HTTP 請求,可謂是 Web 開發者的一大利器。

17ce8b2b410dd5aaef33ad5da016d565c37036e5

使用地址

http://www.cnplugins.com/devtool/postman

 BuiltWith Technology Profiler:你的網站,用了什麼技術棧?

作為開發者,對於友商網站所使用的技術棧想必也充滿了許多好奇心,有沒有工具能夠幫你完成這項工作呢?答案就是 Chrome 外掛 BuiltWith Technology Profiler,它能夠幫你分類呈現當前訪問網站的技術棧組成,實乃探索友商之利器。

aafacc0e766fb86d7319aab1a3e694dfad25f05d

當然,同類產品中,你也可以使用 Wappalyzer 這一款 Chrome 外掛。

使用地址

http://www.cnplugins.com/devtool/builtwith-technology-prof


原文釋出時間為:2018-10-16

本文作者:wywincl 

本文來自雲棲社群合作伙伴“終端研發部”,瞭解相關資訊可以關注“終端研發部”。