Web前端開發人員實用Chrome插件收集

come from:http://www.2cto.com/kf/201301/185248.html


越來越多的前端開發人員喜歡在Chrome裏開發調試代碼,Chrome有許多優秀的插件可以幫助前端開發人員極大的提高工作效率。尤其Chrome本身是可以登錄的,登錄後你所有的插件都會自動同步到每一個登錄後的Chrome的,非常方便啊。

 
Postman - REST Client
Postman是Ajax開發的神器,對於Restful開發方式特別有幫助,可以用來模擬各種請求來測試API的正確性,比如用來模擬Ajax請求。它還支持認證,比如簡單的用戶名/密碼,或者Oauth1.0。Rest Console也是一個不錯的選擇。
 
Edit This Cookie
這是一個強大的cookie管理器。你可以添加、刪除、編輯、搜索、保護和阻止cookies。
 
Web Developer
安裝Web Developer擴展後,會在瀏覽器的工具欄中添加一個按鈕,點擊該按鈕,會彈出各種Web開發工具。此擴展工具的作者同時也是非常流行的Firefox擴展Web Developer extension for Firefox的作者。。
 
JSON Lint
一個在線驗證和格式化JSON文件的應用。
 
YSlow
YSlow可以分析網頁,併爲改善網頁性能提出修改建議,這些功能基於高性能網頁的規則集。YSlow可以根據預定義的三個規則集或用戶自定義規則集來對網頁進行分級。
 
Eye Dropper
可以從頁面獲取顏色,維護獲取歷史等。
 
Measure It!
MeasureIt! 給你測量一個網站中的任何元素的尺寸(像素寬度和高度)。 Page Ruler也是一個不錯的選擇。
 
Window Resizer
此擴展可以調整瀏覽器窗口的大小,以適應各種屏幕分辨率。這對於Web設計師和開發者非常有用,可以幫助他們在不同的屏幕分辨率下測試網站佈局。
 
JavaScript Errors Notifier
安裝該擴展後,會在Chrome地址欄中以圖標形式提示JavaScript錯誤,因爲Chrome默認只有打開console纔會顯示錯誤。
 
Firebug Lite
Firebug的精簡版允許您檢查的HTML,CSS和JavaScript代碼,生活在任何頁面。 你也可以編輯代碼,立即測試新的變化。 這是一個開發者最喜歡的Firefox擴展Firebug的精簡版。
 
JQuery 擴展www.2cto.com
jQuery擴展讓你在當前網頁中運行JavaScript和jQuery命令。
 
Pretty Beautiful Javascript
該擴展可以使Javascript文件更容易閱讀。其整合了Beautifier和Prettify的功能,可以爲代碼添加語法高亮。用法是在新窗口裏輸入js文件的URL或者在查看HMTL源代碼時點擊js文件的鏈接。如果是在Chrome的控制檯裏的資源選項裏查看代碼則推薦使用Chrome自帶的"pretty print"功能,也就是點擊"{ }"圖標。
 
IE Tab
在Chrome中打開IE瀏覽器標籤頁,你可以打開一個標籤來運行Internet Explorer,讓你看到的網頁在IE瀏覽器看起來如何。

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