|
Web Developer
以工具欄的形式對網(wǎng)頁的(X)HTML、腳本、多媒體、CSS、緩存、圖象等多方面的實(shí)用工具。使我們能輕易的獲得網(wǎng)頁的更多信息,使我們進(jìn)一步的了解當(dāng)前所瀏覽的網(wǎng)頁。
說明:超強(qiáng)的web分析工具,開發(fā)人員必裝
Firebug
Firebug是firefox下的一個插件,能夠調(diào)試所有網(wǎng)站語言,如Html,Css等,但FireBug最吸引我的就是Javascript調(diào)試功能,使用起來非常方便,而且在各種瀏覽器下都能使用(IE,Firefox,Opera, Safari),簡直難以置信。除此之外,其他功能還很強(qiáng)大。比如html,css,dom的察看與調(diào)試,網(wǎng)站整體分析等等??傊褪且徽淄暾鴱?qiáng)大的 WEB開發(fā)工具。
說明:查看,編輯,Debug頁面的CSS,HTML,JavaScript。超強(qiáng)的開發(fā)調(diào)試的工具,開發(fā)人員必裝。
View Source Char
畫一個 Color-Coded 的圖表的 Web 頁的源代碼。
說明:顯示非常好看的源碼,分級縮進(jìn),不同顏色區(qū)分。
Tamper Data
Tamper Data 的真實(shí)含義,即“篡改數(shù)據(jù)”(或者說定制 HTTP 請求):截取瀏覽器發(fā)出的每一個 HTTP 請求,提示我們選擇是要進(jìn)行定制,還是不做定制而直接提交請求,還是終止當(dāng)前被截取的請求,然后根據(jù)我們的選擇決定是打開定制窗口,還是直接向 WEB 服務(wù)器提交請求,還是終止當(dāng)前的請求。
說明:查看 firefox收發(fā)請求的 header,特別是在發(fā)出請求前,可以修改 header。
YSlow
YSlow分析網(wǎng)頁,并提出如何提高其性能的基礎(chǔ)上一套規(guī)則,高性能的網(wǎng)頁。
說明:能夠幫我們分析web頁面比較慢的原因,它是基于Firebug的,也能分開瀏覽web頁面的元素,比如js,css.
HTML Validator
HTML Validator是一個Firefox擴(kuò)展,它能查找并標(biāo)志出HTML頁面上的錯誤。HTML Validator以Tidy為基礎(chǔ),Tidy最初是W3C為驗(yàn)證HTML代碼開發(fā)的一個工具。
說明:著名的 CSE HTML Validator 引擎。
MeasureIt
通過可以繪制在頁面任何地方的刻度尺來顯示以像素(px)計(jì)算的寬度、高度、元素縮進(jìn)量。
說明:可以測量頁面上任何選擇區(qū)域的長寬,對界面設(shè)計(jì)人員非常有幫助。
ColorZilla
利用ColorZilla 您可以從瀏覽器中的任一點(diǎn)讀取色彩值,快速調(diào)節(jié)顏色并粘貼到其他應(yīng)用程序。您可以縮放正在查看的頁面或測量頁面任意兩點(diǎn)之間的距離。
說明:從頁面,或者調(diào)色板上取色,同時可以縮放頁面。
it知識庫:Firefox常用web開發(fā)插件,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。