實用貼 | 適用於程序員的最佳 Chrome 擴展工具

毫無疑問,Google Chrome 備受開發者青睞,它提供了一套Chrome DevTools,是 Web開發和性能調試的必備工具,旨在爲開發人員提供更輕鬆的生活。 可是 Chrome 能作的遠不止你日常用的那麼簡單:Chrome的功能經過成千上萬的附加組件和擴展功能進行擴展,讓開發者們能夠在開發過程當中運用各類技巧測試網站和應用程序;嘗試其餘字體和佈局;以及大大提升效率。html

本文列出了一些對開發者的最有用的、用戶友好和功能豐富的擴展工具並附上評分。開發者們可根據本身的須要進行選擇。前端

The 44 Best Chrome Extensions for Developers

一、網站分析工具 Wappalyzer

當前評分:5/5git

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

best google chrome extensions for web and app developers

二、代碼特效圖 Marmoset

當前評分:5/5web

Marmoset 由一段 Nginx 代碼組成,能夠在短短几秒鐘內幫助你製做漂亮的代碼截圖,輸出線框和標記代碼。 此外,您能夠添加主題和其餘效果,它支持多種常見及不常見的代碼語言類型,內建大約數十種配色,製做好的圖片能夠看成電腦桌面壁紙使用,絕對是極客必備。 這個簡單直觀的附件,用戶只需稍做了解,便在性能評分中堅決果斷地給出使人垂涎的5星。chrome

Marmoset

三、批量打開多個連接 Linkclump

當前評分:5/5數據庫

Linkclump 是一款用來批量打開網頁多個連接的擴展工具,只須要用鼠標拖動框選全部想要打開的連接,就能在 LinkClump 的新標籤頁、窗口中一次性打開它們,還能夠保存爲書籤,複製到剪貼板,關鍵詞過濾(即包含的關鍵詞打開或者不打開),延遲打開,反向選擇打開連接等等。 這個插件源代碼能夠在GitHub上找到。瀏覽器

best google chrome extensions for web and app developers

四、清除歷史記錄 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

五、程序調試工具 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

六、字體樂園 Font Playground

當前評分:4.5/5

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

Font Playground

七、搜索圖片 Search by Image

當前評分:4.5/5

搜索圖片是谷歌親生的方向圖片搜索插件,其受權你能夠在網頁的任何圖片上使用谷歌搜索(比天眼靈活,親生就是不同),簡單的在圖片上點擊右鍵,而後選擇「找谷歌上找這種圖片」(Search Google with this image)。若是這是你常常用的插件,你也能夠經過添加點擊圖片搜索來快速使用這個功能。瞭解更多谷歌圖片搜索,請看 這裏

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

當前評分:4.5/5

第一個依賴圖片身份技術的反向圖片搜索引擎(以抗議關鍵字加密,元數據和水印)(編者:深深鄙視找來的好圖還要加水印的人),天眼能簡單的快速搜索到幾乎全部圖片原資源。它爲每一張要搜索的圖片建立一個獨立標識,而且與數據庫中其餘圖片的
標識進行精確匹配(非相似匹配),包括已被編輯,壓縮,重定義大小了的匹配圖片。以此每週有上千萬的圖片被添加進數據庫。訪問 天眼博客 以得到最新更新和信息。

best google chrome extensions for web and app developers

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

當前評分:4.5/5

搞清楚一個網頁如何創建按鈕的點擊須要感謝內建技術構建者,一款不錯的易用網頁建構工具。在你點擊構建圖標後,這款控件能返回全部能在這個網頁運用的技術。訪問「BuiltWith」網頁獲取更多信息,你也能夠在「BuiltWith」 網頁添入url來探索那個網站使用的技術。
best google chrome extensions for web and app developers

十、像素標尺 Page Ruler

當前評分:4.5/5

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

Page Ruler

除了以上幾種,還有不少超棒的適用於開發者的 Chrome 擴展工具等着你去探索。你也能夠在評論中發表本身的見解,以供更多的開發者交流和學習。

相關文章
相關標籤/搜索