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

2021-02-13 終端研發部

【公眾號回復「1024」，送你一個特別推送】

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

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

聲明作者：wywincl|原文地址

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

[掘金Chrome插件] 幫你發現乾貨

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

高效插件

插件名稱     介紹             備註




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中，可以隨時隨地在手機端或者電腦端閱覽。

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

JSON-handle

JSON-handle插件是一款可以將JSON數據進行友好展示的插件，有時候我們需要通過瀏覽器來訪問REST接口，而REST接口返回的JSON數據格式可能是壓縮的，沒有層次感。通過這款插件，我們就可以以樹形的結構查看編輯JSON數據。

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

Octotree

樹形展示 Github 項目代碼。
有時候我們查看Github上的開源項目， 如果想閱讀其原始碼，則需要一層一層地點擊項目目錄，直到看到代碼文件，而且回退比較繁瑣，這時候Octotree插件就可以很好的幫助我們瀏覽Github項目了。

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

Vimium

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

vim命令快捷鍵

IE tab

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

IE Tab是一款IE內核渲染插件。自2009年起，就一直是chrome擴展排名前十的插件。

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

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

Adblock Plus

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

Adblock Plus是由弗拉基米爾·帕朗（Wladimir Palant）於2006年開發的一個開源項目。2011 年，弗拉基米爾·帕朗和法伊達成立 Eyeo，使其發展穩定。

安裝

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

另外還有：

[Postman]：強大的 API & HTTP 請求調試工具

相信 Postman 對於掘金上的各位開發者來說，一定不會陌生，這是一款強大的 API & HTTP 請求調試工具，Postman 不僅可以調試簡單的 HTML、CSS 以及腳本等簡單的網頁基本信息，這款 Chrome 插件甚至還能發送幾乎所有的 HTTP 請求，可謂是 Web 開發者的一大利器。

使用地址

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

另外還有兩個常用的插件：

Postman：強大的 API & HTTP 請求調試工具

相信 Postman 對於掘金上的各位開發者來說，一定不會陌生，這是一款強大的 API & HTTP 請求調試工具，Postman 不僅可以調試簡單的 HTML、CSS 以及腳本等簡單的網頁基本信息，這款 Chrome 插件甚至還能發送幾乎所有的 HTTP 請求，可謂是 Web 開發者的一大利器。

使用地址

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

 BuiltWith Technology Profiler：你的網站，用了什麼技術棧？

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

當然，同類產品中，你也可以使用 Wappalyzer 這一款 Chrome 插件。

使用地址

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

閱讀更多

相信自己，沒有做不到的，只有想不到的

在這裡獲得的不僅僅是技術！

相關焦點

  • 高效,實用的chrome插件推薦
    今天為大家推薦一些 高效，實用的chrome插件。希望給大家帶來幫助。
  • 程式設計師專用的幾個高質量 Chrome 插件
    作為程式設計師的我們，如果在平時的工作中提高自己的效率，在學習中充分利用自己那點僅剩的學習時間呢？當然，就是從提高自己的效率開始，為自己減輕壓力，節省更多時間去做別的事。今天我就給大家推薦幾個，我個人感覺用的不錯的，能夠提高效率的，而且是有關程式設計師工作使用的 Chrome 瀏覽器插件。
  • 我的Chrome瀏覽器插件
    qq、網易雲、蝦米在音樂這一領域的版權上可謂三分天下，而listen1[14]這個開源插件解決了這個問題，以後聽歌不用一個一個播放器跳了listen1 one for all free music in china
  • 5個程式設計師珍藏的Chrome插件,你用過幾個?
    今天給大家推薦5個程式設計師用的插件，挺適合大家使用的。
  • 找到程式設計師喜歡用Chrome的原因了!
    這其中又有著絕大多數的程式設計師在使用谷歌瀏覽器。來自今日頭條1月份的數據更是達到了60%以上。追溯到2018年12月份，Chrome 71網絡瀏覽器上移除持續提供濫用使用體驗的網站上的所有廣告。Chromium和Chrome所使用的webkit內核就成為了目前公認的最快的網頁瀏覽方式。
  • 推薦:程式設計師必裝的10款谷歌插件
    講個笑話，說到程式設計師必裝的chrome插件，我在上學的時候壓根就沒用過chrome瀏覽器，剛工作的那會，也沒有同事分享一些插件（ps：可能他們在用，我沒注意到這些插件的好用之處）。直到來了位新同事，看到我上百度，居然還有很多廣告，他立馬推薦我用AdBlock，那時就像發現了新大陸一樣，居然還有這麼好用東西。chrome 插件真香  !
  • 推薦10款筆者一直在使用的Chrome提效插件
    >>>技術討論群<<<本文推薦的10款插件筆者一直在用，部分插件可能有點冷門，但絕壁是提升效率的好幫手，在我眼裡是必備插件。筆者已創建 GitHub倉庫[1] ，歡迎分享、討論。一起打造最強Chrome插件集。1.
  • 十大程式設計師必備chrome插件!
    1.Postman簡介：Postman是一款功能強大的網頁調試與發送網頁HTTP請求的Chrome插件。用戶在開發或者調試網絡程序或者是網頁B/S模式的程序的時候是需要一些方法來跟蹤網頁請求的，用戶可以使用一些網絡的監視工具比如著名的Firebug等網頁調試工具。
  • 我找到程式設計師為什麼喜歡使用Chrome的原因了!
    這其中又有著絕大多數的程式設計師在使用谷歌瀏覽器。來自今日頭條1月份的數據更是達到了60%以上。追溯到2018年12月份，Chrome 71網絡瀏覽器上移除持續提供濫用使用體驗的網站上的所有廣告。Chromium和Chrome所使用的webkit內核就成為了目前公認的最快的網頁瀏覽方式。
  • 推薦 10 款 Chrome 開發工具插件
    我很喜歡這個插件，你可以查看所選部分或元素的完整 CSS，也可以在線編輯它的 CSS。推薦設計師和非設計師使用。為了克服這種困難，我們可以用這個插件。https://chrome.google.com/webstore/detail/session-buddy/edacconmaakjimmfgnblocblbcdcpbko
  • 這份Chrome「插件英雄榜」,別怪我沒告訴你
    論插件使用數量，我想程式設計師如果排第二，那應該沒人敢稱第一了吧下面，我們針對裡面的一些重點插件做個簡單的介紹，方便大家尋找合適自己的插件1、markdown-here的一款錄屏插件，支持錄製chrome之外的其他應用程式，也對計算機進行全屏錄製下載地址：https://chrome.google.com/webstore/detail/loom-video-recorder-scree/liecbddmkiiihnedobmlmillhodjkdmb8、Chrome Cleaner Pro
  • 有了這些chrome插件,寫程序就像開了掛一樣
    終於到周末了， 大家可以好好休息下，今天小強給大家帶來了Chrome的強大的擼碼插件，在寫代碼的時候做到事半功倍！1、Tampermonkey俗稱「油猴」，擴展性非常強大。方便腳本管理、概覽、自動更新、安全、兼容性、Chrome 同步等功能。
  • 6個可以幫助我們高效開發的Chrome插件
    1
  • Android 開發利器之「Chrome」的插件推薦
    「工欲善其事必先利其器」 作為開發的程式設計師。好的軟體會使我們開發速度顯著提升。
  • 你值得安裝的24個chrome插件!!!
    chromechrome可能是程式設計師最喜歡用的瀏覽器之一了，它畫面簡潔，兼容性好，易於調試程序，更重要的是提供了豐富的插件。如果你不會裝呢，那麼請看：列表插件下圖就是本人常用的一些插件，上部分是正在用的插件，是直接顯示在地址欄後面；下部分是暫時不用的插件，需要用到時候
  • 每一個開發者都必裝的十大 Chrome 插件
    1.插件地址：  https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg 插件地址：https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh/related
  • chrome插件入門及如何利用react進行開發
    本文就是帶大家一起了解學習如何開發 chrome 插件以及如何利用 react 進行 chrome 插件的開發。什麼是 chrome 插件？從 Google 的介紹中直譯過來，我們通常說的「chrome 插件」其實是指「chrome 擴展」，不過由於大家都已經習慣於叫它作為插件，所以我們也繼續以「插件」的名稱來稱呼。
  • 谷歌chrome瀏覽器 - 關於插件,這一篇就夠了
    2、插件推薦2.1、從翻譯插件說起首先先來說翻譯插件，因為這個我平常用到的最多所以你記住了，安裝chrome插件，要麼chrome商店在線安裝，要麼下載安裝包安裝，但是chrome商店你又打不開怎麼辦？
  • Chrome瀏覽器推薦擴展插件
    一般的插件都可以通過Chrome網上應用商店下載安裝。https://chrome.google.com/webstore/category/extensions?hl=zh-CN也可以從別的網站上查找，比如Chrome插件網等。
  • Chrome瀏覽器的實用插件推薦
    插件安裝分為在線和本地，本地的話最好將插件包移動到chrome插件目錄，可用chrome://version/查看。基本插件適用於任何人群。1.谷歌訪問助手最簡單易用的谷歌訪問助手,為chrome擴展用戶量身打造。可以解決chrome擴展無法自動更新的問題，同時可以訪問谷歌google搜索，gmail郵箱，google+等谷歌服務。