10個針對Web開發者的優秀Chrome外掛

發表於2011-09-06

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跟蹤的網站的分析資訊。

 

相關文章