程式設計師必備的 chrome 外掛及下載安裝

為什麼程式設計師喜歡用chrome？

1.簡潔

瀏覽器簡潔效能高。

2.相容性強

支援HTML5全面以及瀏覽器相容問題少

3.豐富的外掛

豐富的外掛大大提高了開發者的開發效率。

4.開發者工具

便於開發者除錯。

哪些chrome外掛受開發者喜愛呢？

1.web前端助手

FeHelper 助手：包括字串編解碼、圖片 base64 編碼、程式碼壓縮、美化、JSON 格式化、正規表示式、時間轉換工具、二維碼生成器、編碼規範檢測、頁面效能檢測、柵格檢測、JS 執行效率分析等。

2.三大前端框架除錯工具

AngularJS Batarang / React Developer Tools / Vue.js devtools 分別為前端框架 angular、react、vue 的除錯工具。

3.editthiscookie

EditThisCookie 是一款可以管理 Chrome 瀏覽器中 cookies 的外掛，使用者可以利用 EditThisCookie 新增，刪除，編輯，搜尋，鎖定和遮蔽 cookies。

4.JSON Viewer

JSONView 是一個方便檢視 Json 結構的外掛，展開，摺疊，可以非常方便的檢視介面返回資料。

5.Postman

Postman 網頁測試HTTP請求模式器, 是一款功能強大的網頁除錯與傳送網頁HTTP請求的Chrome外掛。

6.Octotree

github樹形程式碼結構工具，上檢視程式碼的時候總是一層層進入再出來，有點麻煩，沒關係，有Octotree。安裝Octotree之後，瀏覽託管在Github上的專案，可看到左側的樹形結構，更方便檢視程式碼。

7.Web Developer

Web Developer是一項開發人員必須擁有的擴充工具。使用Web Developer 可以讓我們輕易的獲得網頁的更多資訊，進一步瞭解當前所瀏覽的網頁。Web Developer可以在任何瀏覽器支援的平臺上執行，包括Windows、Mac OS和Linux。Firefox和Opera也可以使用Web Developer。

8.Tampermonkey(油猴)

Tampermonkey是第一個可以用來讓 Chrome 支援更多 UserScript 的 Chrome 外掛擴充套件。

9.掘金外掛

掘金外掛是一款為設計師、程式設計師、產品經理每日發現優質內容的chrome外掛。

10.Window Resizer

可以快速調整瀏覽器視窗的尺寸，用於觀察網站頁面寬度。

11.Page Ruler

Page Ruler你的網頁標尺 ,這個工具設計師必備，可以直接檢視網頁一些圖片的詳細畫素大小、具體位置等，非常實用。

在哪裡下載chrome外掛呢？

• https://www.crx4chrome.com/。
  
• https://chrome-extension-downloader.com/
  
• http://chromecj.com/。
  

下載安裝教程

下載了 crx 後，將.crx 結尾的檔案重新命名以為.zip 或者.7z 結尾結尾的檔案（只要是當前電腦支援的壓縮格式即可）。然後將其解壓，解壓後直接將解壓後的檔案拖到 chrome 的擴充套件程式中去即可。注意：有的需要將解壓後的檔案中_metadata 檔名修改成 metadata 才可以.

歡迎關注個人公眾號 IT Resource Share 本號初步建設中，後期將不斷共享各種IT資源，其中包括軟體資源、視訊教程、原始碼資源、技術教程、電腦技巧等等！