適用於開發者的最佳 Chrome 擴充套件工具

發表於2017-04-06

毫無疑問,Google Chrome 備受開發者青睞,它提供了一套Chrome DevTools,是 Web開發和效能除錯的必備工具,旨在為開發人員提供更輕鬆的生活。 但是 Chrome 能做的遠不止你平常用的那麼簡單:Chrome的功能通過成千上萬的附加元件和擴充套件功能進行擴充套件,讓開發者們可以在開發過程中運用各種技巧測試網站和應用程式;嘗試其他字型和佈局;以及大大提高效率。

本文列出了一些對開發者的最有用的、使用者友好和功能豐富的擴充套件工具並附上評分。開發者們可根據自己的需要進行選擇。

The 44 Best Chrome Extensions for Developers

1、網站分析工具 Wappalyzer

當前評分:5/5

Wappalyzer 是一個實用的跨平臺網站分析工具,用於幫助開發者、研究者和設計者檢測網頁使用的是什麼技術,以更好地衡量自己的專案中該使用什麼技術。Wappalyzer 的功能和 BuiltWith 類似,可檢測內容管理系統(CMS),電子商務平臺、Web伺服器、JavaScript框架和已安裝的分析工具等。在這裡檢視Wappalyzer檢測到的應用程式列表。

best google chrome extensions for web and app developers

 

2、程式碼特效圖 Marmoset

當前評分:5/5

Marmoset 由一段 Nginx 程式碼組成,可以在短短几秒鐘內幫助你製作漂亮的程式碼截圖,輸出線框和標記程式碼。 此外,您可以新增主題和其他效果,它支援多種常見及不常見的程式碼語言型別,內建大約數十種配色,製作好的圖片可以當作電腦桌面桌布使用,絕對是極客必備。 這個簡單直觀的附件,使用者只需稍作了解,便在效能評分中毫不猶豫地給出令人垂涎的5星。

Marmoset

 

3、批量開啟多個連結 Linkclump

當前評分:5/5

Linkclump 是一款用來批量開啟網頁多個連結的擴充套件工具,只需要用滑鼠拖動框選所有想要開啟的連結,就能在 LinkClump 的新標籤頁、視窗中一次性開啟它們,還可以儲存為書籤,複製到剪貼簿,關鍵詞過濾(即包含的關鍵詞開啟或者不開啟),延遲開啟,反向選擇開啟連結等等。 這個外掛原始碼可以在GitHub上找到。

best google chrome extensions for web and app developers

 

4、清除歷史記錄 Click&Clean

當前評分:5/5

在超過45,000條評論中能一直維持5分好評可不是件簡單的事,但Click&Clean 做到了!通過 Click&Clean外掛,使用者可以選擇多種方式來清除Chrome中的歷史記錄。而Click&Clean的清理介面也設計的非常新潮,它只需點選一下即可刪除鍵入的URL,快取和Cookie以及下載和瀏覽歷史記錄。 Click&Clean甚至還能刪除客戶端Web SQL資料庫,Flash Cookies (LSOs)等。 這可是Google Chrome瀏覽器的第一個私人資料清理工具。

best google chrome extensions for web and app developers

 

5、程式除錯工具 Firebug Lite

當前評分:4.5/5

Firebug 是站長和博主的必備網路工具。它能對HTML頁面的程式碼進行分析,並能對網頁式樣元素提供實時預覽。它不是Firebug或Chrome Developer Tools的替代品,相反,它與這些工具巧妙結合使用,提供諸如HTML元素的豐富視覺效果,DOM元素和Box模型著色功能,實時編輯CSS屬性等,它還能對網站的效能進行測試評估,提供對諸如載入時間等的分析。你可以進入Chrome擴充套件程式中心的Firebug頁面進行下載安裝Chrome版的擴充套件 Firebug Lite

best google chrome extensions for web and app developers

 

6、字型樂園 Font Playground

當前評分:4.5/5

這是另一款非常有用的前端工具,字型樂園(Font Playground)讓在你的應用或者網站上無需改變任何東西而實驗不同字型成為可能。你可以獲取到超過1000種免費谷歌網頁字型,它能讓你在短短几秒鐘內預覽該字型的效果。

Font Playground

 

7、搜尋圖片 Search by Image

當前評分:4.5/5

搜尋圖片是谷歌親生的方向圖片搜尋外掛,其授權你可以在網頁的任何圖片上使用谷歌搜尋(比天眼靈活,親生就是不一樣),簡單的在圖片上點選右鍵,然後選擇“找谷歌上找這種圖片”(Search Google with this image)。如果這是你經常用的外掛,你也可以通過新增點選圖片搜尋來快速使用這個功能。瞭解更多谷歌圖片搜尋,請看 這裡

 

best google chrome extensions for web and app developers
8、天眼-反向圖片搜尋 TinEye Reverse Image Search 

當前評分:4.5/5

第一個依賴圖片身份技術的反向圖片搜尋引擎(以抗議關鍵字加密,後設資料和水印)(編者:深深鄙視找來的好圖還要加水印的人),天眼能簡單的快速搜尋到幾乎所有圖片原資源。它為每一張要搜尋的圖片建立一個獨立標識,並且與資料庫中其他圖片的
標識進行精確匹配(非類似匹配),包括已被編輯,壓縮,重定義大小了的匹配圖片。以此每週有上千萬的圖片被新增進資料庫。訪問 天眼部落格 以獲得最新更新和資訊。

 

best google chrome extensions for web and app developers

9、內建技術構建者 BuiltWith Technology Profiler

當前評分:4.5/5

搞清楚一個網頁如何建立按鈕的點選需要感謝內建技術構建者,一款不錯的易用網頁建構工具。在你點選構建圖示後,這款控制元件能返回所有能在這個網頁運用的技術。訪問“BuiltWith”網頁獲取更多資訊,你也可以在“BuiltWith” 網頁添入url來探索那個網站使用的技術。
best google chrome extensions for web and app developers

 

10、畫素標尺 Page Ruler

當前評分:4.5/5

畫素標尺能為你在任何一個網頁顯示標尺,它可以為任何你想要測量的頁面控制元件提供寬,高,位置(上,下,左,右)等資訊。標尺的大小,位置可以很容易地通過拖動標尺邊緣、改變靶心位置、或者在工具欄手動更新標尺大小和位置來做精確調整。畫素標尺同樣提供了一個“元件模式”,其會在你滑鼠移到元件上時顯示該元件輪廓。更讚的是,你可以瀏覽任何控制元件的父控制元件,子控制元件,同級控制元件。這個 Chrome 外掛擁有超過 60 萬使用者,超過1450人給予其最棒的評價。想要了解詳情,請戳開發者官網:blarg.co.uk.

Page Ruler

除了以上幾種,還有很多超棒的適用於開發者的 Chrome 擴充套件工具等著你去探索。你也可以在評論中發表自己的看法,以供更多的開發者交流和學習。

相關文章