【工具&Chrome】10個針對Web開發者的優秀Chrome擴展推薦

Google Chrome擴展對於開發者來說是非常實用的,它們可以使開發者在開發過程中不必運行一些瑣碎的工具,從而使他們的工作更加集中。Chrome擴展可以通過很多種方式來幫助開發者。Chrome是個非常受歡迎的瀏覽器,而這些擴展無疑又增加了它的魅力。 

我們已經蒐集了一些重要的Chrome擴展,這非常有利於我們的Web開發工作。 

1.  Speed Tracer 

Speed Tracer是一款可以幫助你發現並修復Web應用程序性能問題的擴展應用。Speed Tracer的功能很強大,它可以對網頁中的元素進行全方位的檢測分析,找出Web應用運行緩慢的罪魁禍首,以方便開發者優化代碼。Speed Tracer還可以解決JavaScript語法分析和執行、CSS式樣以及其他更多方面的問題。 

 

2.  Web Developer 

安裝Web Developer擴展後,會在瀏覽器的工具欄中添加一個按鈕,點擊該按鈕,會彈出各種Web開發工具。此擴展工具的作者同時也是非常流行的Firefox擴展Web Developer extension for Firefox的作者。 

 

3.  Chrome Sniffer 

這個擴展可以幫助Web開發者檢查當前瀏覽的網站中的Web框架/CMS和JavaScript庫。在地址欄中會出現一個圖標,以顯示檢測到的框架。 

 

4.  StayFocusd 

StayFocusd是一個高效的谷歌瀏覽器擴展,它可以通過限制你花費在無價值網站上的時間,來幫助你專注於工作。一旦你指定的時間已經消耗完,該網站即被限制,1天之內你不能再訪問。 

 

5.  JavaScript Errors Notifier 

安裝該擴展後,會在Chrome地址欄中以圖標形式提示JavaScript錯誤。 

 

6.  Stylebot 

使用Stylebot,你可以自定義你喜歡的網站的外觀和風格。這也是一個學習CSS的偉大的工具,你可以在設計和調試網站的過程中學習CSS。 

 

7.  Window Resizer 

此擴展可以調整瀏覽器窗口的大小,以適應各種屏幕分辨率。這對於Web設計師和開發者非常有用,可以幫助他們在不同的屏幕分辨率下測試網站佈局。 

 

8.  Awesome Screenshot 

可以幫助用戶截取網頁內容以及添加註釋。 

 

9.  BuiltWith Technology Profiler 

BuiltWith是一個網站分析工具。找到一個網頁後,BuiltWith可以返回它能在這個頁面中找到的所有的技術。BuiltWith的目標是幫助開發者、研究者和設計者找出網頁使用的是什麼技術,這可能有助於他們決定在自己的項目中使用什麼技術。 

 

10.  Clicky Monitor 

Clicky是一個強大的實時網頁分析服務,Clicky 監視器可以讓你快速訪問你使用Clicky跟蹤的網站的分析信息。 

 

英文原文:10 Top Chrome Extensions For Web Developers

本文來自:ITeye資訊

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章