18個Firefox插件來增強Web開發
Firefox上有很多免費的擴展和附加組件,但哪些是最好的插件,它們能真正幫助你作為一個Web開發人員或設計師,在時間和精力上?
深圳網站制作的許多讀者提出了一些偉大的插件在我們以前的文章,´設計師的工具箱:15 +節省時間的工具-什么´的秘訣嗎?今天,我想強調一下你們的建議和其他附加內容,它們將有助于使您的Web開發過程更快更高效。這里有20個非常有用的Firefox插件,可以幫助開發者更高效地創建網站。
1 - inspectorwidget
添加調用DOM查看器工具欄按鈕和菜單(DOMI)chrome和元素。
2-Web Developer
Jon Aizlewood從http://www.carbongraffiti.com/和邁克史密斯從http://www.blogthememachine.com/建議
一個非常有用的插件,添加菜單和工具欄和各種web開發工具。
3-IE View
允許你用一個右鍵單擊IE中的頁面,或者標記某些站點在IE.總是加載。
4-TinyUrl Creator
易縮水任何長URL或鏈接的頁面你可以電子郵件或推特使用TinyURL服務在瀏覽器中單擊。
5-EditCSS
在側邊欄樣式表修飾。
6- View formatted source
曾經想知道頁面的每個元素的樣式,而不必查看CSS文件,這里是最好的插件,可以讓你在瀏覽時查看樣式。您可以確切地看到哪個CSS規則與元素匹配。顯示規則,包括文件名和行號。最頂層的元素是具有最高優先級的元素。
7- Firebug
最好的附加組件之一。我不能推薦這個插件!
可以在任何網頁中編輯、調試和監視CSS、HTML和JavaScript。如果你使用CSS,你甚至會學習它。
8- Image Download
suggested模式www.allgraphicdesign.com瑞秋從http:///
在這幅圖片告訴我下載的在線主頁helps茶茶,downloads加速圖像。You can also filter images by width,height,型。
9- JavaScript Debugger
為基于Mozilla的瀏覽器提供強大的JavaScript調試環境。
10- Greasemonkey
這是一個必須擴展!你的網絡體驗在這之后完全改變了。允許您使用小JavaScript自定義網頁顯示方式。成百上千的腳本,為各種各樣的熱門網站,已經可以在http://userscripts.org。
11- JSView
所有瀏覽器都包含一個“視圖源”選項,但沒有一個提供查看外部文件源代碼的能力。你可以使用JSView擴展來解決問題。如果你所瀏覽的網站包含任何外部的CSS / CSS文件,就會出現一個圖標,上面寫著“SS”、“JS”,或者兩者都有。然后可以通過單擊文件名查看每個單獨的文件。該文件將在一個新窗口中打開。
12- Html Validator
HTML Validator是Mozilla的擴展,增加了HTML驗證在Firefox和Mozilla。在瀏覽狀態欄時,HTML頁面的錯誤數以狀態欄中的圖標的形式出現。
13- ColorZilla
一個高級取色器和Page Zoomer。允許您從瀏覽器中的任意點讀取顏色,快速調整此顏色并將其粘貼到另一個程序中。你也可以縮放你正在瀏覽的頁面,測量頁面上任意兩點之間的距離。內置的調色板瀏覽器允許從預定義顏色集中選擇顏色和保存自定義調色板中最常用的顏色。
14- LinkChecker
檢查任何網頁上鏈接的有效性。
15- FireFTP
隨著傳送文件的速度和效率,FireFTP還包括更先進的功能,如:目錄比較,同步目錄導航時,SFTP,SSL加密,搜索/過濾、完整性檢查、遠程編輯,拖放,文件散列,和更多!
16- Codetch
在Firefox的擴展中感受到Dreamweaver的感覺。當你沖浪時,在你的網頁旁邊編輯你的文檔。
17- YSlow
建議由雅各sixrevisions.com蓋布(http:///
YSlow是Firebug是失蹤。現在你可以輕松地找到您的頁面將在組件和糾正它。它的網頁和analyzes告訴你為什么他們慢基于雅虎的規則,用于高性能的網站。
18- FireShot
添加的能力,采取網頁截圖(整個可見部分),編輯它,添加注釋和上傳到服務器,保存(PNG,GIF,JPEG,BMP),打印(新的)!復制到剪貼板,發送到外部編輯器或電子郵件。