軟件工程師Web開發(fā)者可能不知道的個(gè)Firebug技巧

1Web開發(fā)者可能不知道的12個(gè)Firebug技巧Firefox搭配Firebug在web程序設(shè)計(jì)中，可謂是“雙劍合壁〞，功能強(qiáng)大，本文選取了其中的一些技巧予以介紹,幫助大家更好的掌握Web開發(fā)的技能，讓開發(fā)事半功倍！相信很多從事Web開發(fā)工作的開發(fā)者都聽說和使用過Firebug，但可能大局部人還不知道，其實(shí)它是一個(gè)在網(wǎng)頁(yè)設(shè)計(jì)方面功能相當(dāng)強(qiáng)大的編輯器，它可以對(duì)HTML、DOM、CSS、HTTP和Javascript進(jìn)行全面的跟蹤和調(diào)試。它是Firefox瀏覽器的一個(gè)插件，所以建議各位Web開發(fā)者，要充分利用FireFox瀏覽器和Firebug插件進(jìn)行日常的調(diào)試工作。本文選取了12個(gè)Web開發(fā)者應(yīng)該掌握的Firebug的初級(jí)使用技巧，介紹給大家。1、使用Firebug可以找到頁(yè)面中的任何內(nèi)容不知道各位有無(wú)遇到過這樣的情況，在一個(gè)復(fù)雜的HTML頁(yè)面中，當(dāng)你想找某個(gè)頁(yè)面元素的實(shí)際對(duì)應(yīng)的HTML時(shí)，你不得不在一大堆HTML代碼中去查找，十分麻煩。有了Firebug，現(xiàn)在你只需要在頁(yè)面中，用鼠標(biāo)右鍵選中某個(gè)元素，然后在彈出的菜單中，選擇“查看元素〞，馬上就會(huì)在HTML頁(yè)面代碼中找到該元素對(duì)應(yīng)的代碼了，十分方便，如下列圖所示：栽同樣栗，也銜提供爪了更尿快速豆的方儲(chǔ)法：離只需徒要點(diǎn)遲Fi陪re桐bu纖g插雀件左王上方全的箭婦頭，擾如下糖圖所箱示，科那么每茶當(dāng)鼠鎮(zhèn)標(biāo)在平頁(yè)面吧中移惱動(dòng)時(shí)外，在不Fi熔re啄bu兇g控翻制臺(tái)吵中就租馬上墨顯示團(tuán)移動(dòng)凈時(shí)經(jīng)健過的送HT肯ML改元素且的代腿碼：閃2、折可以框使用雞Fi療re碧bu蘆g修境改H翻TM戀L和存CS制S漆通過泛Fi孝re壟bu童g，芝可以矮直接季修改些HT麥ML來(lái)，增禁加H進(jìn)TM診L的由屬性漁，刪坦除元讀素，沿增加秀CS揚(yáng)S樣杠式及肅實(shí)現(xiàn)玩更多和功能或，如橋下列圖挎：

義在上良圖的而菜單甩中可元以清獄楚看棟到，盈你可館以對(duì)酬HT憑ML扔元素房進(jìn)行輔各樣敲的修羨改操男作，青方法戰(zhàn)是先蝴點(diǎn)擊紋HT厚ML怎局部臭的代霜碼，感然后思鼠標(biāo)訂右鍵并即可防在彈棟出的虧菜單煎中進(jìn)屆行操出作。眾3、捎可以嫌通過蒙Fi桃re針bu耀g查猜看D呈OM源元素祝和對(duì)禁XM請(qǐng)L進(jìn)獄行操濕作筋當(dāng)打紛開一站個(gè)H部TM索L頁(yè)滋通過門Fi格re型bu責(zé)g查首看H肝TM挨L代姨碼時(shí)盤，你瓜可以相同時(shí)案點(diǎn)在匆控制羅面板丟中的騎DO旅M樹猶，就且會(huì)以肝DO午M的推樹型就結(jié)構(gòu)喚方式?jīng)]看到難整個(gè)擴(kuò)HT覆ML肉的結(jié)泛構(gòu)。鞠而如魯果你丈是打裂開了筒一個(gè)詳XM薄L文黃件，鮮那么輔鼠標(biāo)蕩右鍵鋪點(diǎn)X擠ML虹文件革中的陽(yáng)任何鑰一個(gè)腰元素遍，在糊彈出緊的菜爹單中鴉同樣破可以途選擇童對(duì)X上ML泳進(jìn)行萬(wàn)相關(guān)查操作燕，如屯下列圖忠：撫4、兇使用悟Fi健re闖bu趨g調(diào)維試J濤av粥as靜cr稅ip塔t代編碼怒在F遍ir研eb新ug投控制碗臺(tái)中日，如疑果要堡執(zhí)行倦調(diào)試授Ja雷va夠sc核ri罩pt傷代碼玻，只心需要訓(xùn)首先蠟將S漫cr常ip床t控巡制面叉版啟稍動(dòng)，啊然后某在點(diǎn)敢擊C根on油so擺le箱按鈕皂，在甜下拉太菜單州中選俗擇顯蠶示J他av沿as堵ci熄pt案及H截TM春L錯(cuò)抓誤(淡還可悼以讓飯用戶呀選擇光顯示駱更多坦的錯(cuò)芹誤)鄰，接雹著在烤底部享會(huì)發(fā)逼現(xiàn)出稻現(xiàn)>擋>>造的箭密頭，燦在這柴里，陳你可趣以輸范入J臟av幫as掉ci她pt談代碼呈，輸似入后顛，馬吸上按鼓回車憐鍵，慮就可耗以執(zhí)騰行了垂，十事分方萍便，繭如下返圖：墾一個(gè)宇小技桐巧是麗，在雕輸入荒Ja頂va括sc恭ip站t的葛時(shí)候者，還鬧支持班使用器ta吃b鍵珍的自淹動(dòng)完掃成提唇醒功盜能，怪比方猴對(duì)于揭一個(gè)惑很長(zhǎng)傘的J瓜av染as亞ci吊pt扎函數(shù)玉，在脈沒輸擦入完罰的時(shí)獸候只極要按貧ta野b鍵定fi沾re尖bu遲g就瘡會(huì)幫悔助你鹿自動(dòng)啄補(bǔ)充明完整僵。毀5、菠屢次微加載鞋頁(yè)面洲后F身ir姑eb姐ug梢會(huì)記型得加曾載前唯的位鋸置聞無(wú)論即你重脂復(fù)加肅載多修少次沒頁(yè)面子，F(xiàn)任ir敘eb見ug菊在每撤次加躲載頁(yè)使面后樓總會(huì)改自己誘記得偶加載斷前頁(yè)妨面所災(zāi)在的罪位置摸(比感如你座已經(jīng)汗在瀏既覽頁(yè)論面的資底部批，此掀時(shí)再撈加載采頁(yè)面弟，那么忙新的株頁(yè)面磁加載越后，另依然撤把你箱帶到宏頁(yè)面傲底部沾)。奇6、射使用扯$標(biāo)渠記去芒方便憶訪問祖變量塵在上劍面的冊(cè)第4吧點(diǎn)中候，我?guī)Z們提晚到了耽在>夕>>羽這個(gè)協(xié)命令叮行下詠可以華進(jìn)行載Ja響va劇sc腹ri州pt顛的調(diào)瘡試，球而另茄外一器個(gè)技秘巧是吧可以婆使用明如$娃1去兩訪問抄曾經(jīng)掘訪問傭過的爭(zhēng)變量品中的躍最后益一個(gè)照，如經(jīng)此類底推，箏可以您使用倚$2拋訪問制曾經(jīng)弄訪問潤(rùn)過的籍變量精中的姥倒數(shù)王第二認(rèn)個(gè)。常如下刻圖：忽7、原Fi爐re嗚bu恥g會(huì)于高亮棍度顯窗示修弓改正夾的內(nèi)眾容渾在F蠻ir遣eb幟ug腦中，監(jiān)只要遞你修蹄改正把頁(yè)面廣中的盈內(nèi)容次，就筒會(huì)以拔黃色成高亮血度顯紅示曾竊經(jīng)修壇改正裙的內(nèi)她容，滴如下簡(jiǎn)圖：卸8、踢監(jiān)視嘉Ja翼va咱sc鼠ri欠pt傘的運(yùn)溫行性到能猶在F擇ir百eb攤ug著中，曉你可捕以點(diǎn)摘控制孝臺(tái)中警的“貞pr參of淚il壓e(資概況谷)〞貸選項(xiàng)誠(chéng)，這坑將開吩啟F館ir檔eb煤ug擺的性類能監(jiān)懇視功私能，卻之后作你可闖以進(jìn)估行頁(yè)玉面的枯一系披列操坑作，圈當(dāng)再照次點(diǎn)蹲pr銅of柱il慧e按責(zé)鈕后姨，將悅停止惑對(duì)性柴能的肉監(jiān)測(cè)桶活動(dòng)堡，接萌著F勤ir河eb同ug排會(huì)顯表示一種個(gè)列什表，億其中魂會(huì)清券楚列孔明操饒作過嚴(yán)程中擱所涉浩及的魄函數(shù)支，調(diào)絨用次闊數(shù)，柏占用蝴時(shí)間味、平腔均時(shí)牧間，膏最小公時(shí)間北，最漫大時(shí)榆間等欣，如右下列圖現(xiàn)所示蓋：節(jié)9、罵Fi垮re破bu艱g強(qiáng)娛大的吸網(wǎng)絡(luò)史數(shù)據(jù)芽監(jiān)視繁功能圈Fi被re蹲bu郊g還夫提供喜了十陪分功五能強(qiáng)包大的展網(wǎng)絡(luò)窩數(shù)據(jù)家監(jiān)功論能。撫開發(fā)鬧者在儉開發(fā)森we端b應(yīng)由用時(shí)唯，經(jīng)稠常要份觀察婦各類功HT闖TP私請(qǐng)求叛和回照應(yīng)，京在這巖方面暖Fi抬re男bu材g的違功能忠十分算強(qiáng)大菜。首氏先，慌只需釋要開鄰啟控成制面元板中添的網(wǎng)縱絡(luò)功振能，停然后諒在每燃次運(yùn)燙行頁(yè)漲面時(shí)轟，都德可以皂清楚顆看到廳每個(gè)需HT仗TP可的請(qǐng)鉆求和貸HT評(píng)TP勵(lì)回應(yīng)梢的具株體細(xì)薯節(jié)。騎如下敲圖：限在上纏圖中皮，只謊要點(diǎn)奶每一貧個(gè)請(qǐng)默求旁禽邊的娘+號(hào)亞，就驢可以導(dǎo)看到納該請(qǐng)根求的補(bǔ)具體森細(xì)節(jié)刃，如符下列圖比：潔可以過看到鞭，能鏟看到躍HT匪TP卸的頭縫部的弓各種駱信息資。同擴(kuò)樣，嫂如果后要看洞當(dāng)前置頁(yè)面弓中的儀比方誓圖片鋼，F(xiàn)肉LA末SH警等元攝素的薦信息測(cè)等，石也可棚以通求過上謎圖去掠點(diǎn)不乖同的低選項(xiàng)羽卡去鐘篩選根查看仁，十蠢分方囑便。憂10暈、使雨用F舊ir垮e(cuò)b息ug搶的L瓦og荷功能糊在設(shè)紅計(jì)頁(yè)絨面時(shí)奇，經(jīng)抱常要硬記錄友下頁(yè)山面的繳一些荒信息芳，這徑個(gè)時(shí)學(xué)候，堵可以倡使用惱Fi量re彈bu槐g中固的l泊og刻日志懲功能摩，把魚一些傳信息我輸出劇到f雁ir耐eb印ug從的控慘制臺(tái)聾中，俗這樣看就方意便調(diào)花試了遠(yuǎn)。F東ir道eb豬ug竄提供方了一功個(gè)c趣on拉so挺le必對(duì)象緊，在壘插件耗加載講的時(shí)喂候就撿注冊(cè)皆到J械av胡as捎cr洗ip榆t的蓄運(yùn)行竟環(huán)境猾中去敘了，識(shí)可以幸在程粘序中圾直接脫使用成。c尚on者so火le任對(duì)象避提供碰了一蝕個(gè)l建og箱方法黃，舉式例說濁明如送下：昆在F組ir茶ef擾ox是中執(zhí)拍行如政下代極碼，主會(huì)看架到F兆ir興eb幫ug智的控瓜制臺(tái)背中出吐現(xiàn)如欠下信跨息：閑可以買看到厭，各鎮(zhèn)個(gè)級(jí)腥別的叼日志甩輸出漂，都弦?guī)в欣找粋€(gè)誘彩色手的圖坡標(biāo)，探能給艙用戶豬很醒仿目的秋提醒仿。同雁時(shí)，個(gè)co借ns營(yíng)ol獅e.板lo偏g掌還支太持格租式化猾字符披串的驗(yàn)輸出礎(chǔ)，你吸可以茄用類紅似C摘語(yǔ)言睬中p換ri勇nt培f的突語(yǔ)法均來(lái)調(diào)亞用這脾個(gè)函噸數(shù)：適co羊ns貓ol虛e.沈lo悠g(紗“%澆s細(xì)is筍%淚d從ye焰ar殃s競(jìng)ol棒d.咽〞,旁“堡Bo侍b〞灶,奧42督)。插11周、可堂以在仗Fi砌re狐bu膠g中賽調(diào)試間程序研在F座ir艙eb撤ug吹控制短臺(tái)的蘿的J階av沫as番cr利ip楊t控樸制面賀板中詞，可蜻以對(duì)離頁(yè)面爽中的半Ja濁va嫂sc領(lǐng)ri茅pt看進(jìn)行欣調(diào)試的，方尊法很略簡(jiǎn)單敲，只娛需要閘在要癥調(diào)試再的行院的左循邊單粉擊，恥就會(huì)并出現(xiàn)累斷點(diǎn)電了，京之后慈請(qǐng)記測(cè)住下蚊面常駝件的奉快捷碧鍵：描(1插)學(xué)F1玉0宿進(jìn)入俗下一朋行;鋤(2谷)凳F8端繼續(xù)洞調(diào)試慢;痕(3岔)挨F1斧1進(jìn)煎入J承av佛as輪cr浪ip客t中久的函磨數(shù)體禁調(diào)試勿;非(4互)要Sh皂if救t+酬F1參1跳共出函開數(shù)體女。嗎12監(jiān)、在姨Fi紡re靈bu頓g中筍可以債設(shè)置那么帶條報(bào)件的高斷點(diǎn)案在F見ir嚇eb峽ug委中，喚還可篇以設(shè)陽(yáng)置帶沒條件潮判斷爐的斷連點(diǎn)，普如下闊圖：歸Fi敘re河Bu酷g餅Fi尾re援bu爺g更是網(wǎng)尋頁(yè)瀏束覽器慚M希oz找il墳la鑒F酷ir卡ef暢ox仔下征的一垮款開破發(fā)類姨插件見，現(xiàn)攻屬于棉Fi怎re燕fo磨x的尿五星腳級(jí)強(qiáng)狼力推活薦插薪件之雕一。彩它集蝶HT雞ML惕查看宣和編侮輯、盜Ja灶va姑sc攤ri錄pt耐控制羽臺(tái)、香網(wǎng)絡(luò)黨狀況惹監(jiān)視滅器于隔一體剖，是費(fèi)開發(fā)監(jiān)Ja覽va蓮Sc禽ri烏pt紐、C冤SS燕、H蟻TM宰L和賄Aj著ax繡的得隸力助敗手。亮Fi填re細(xì)bu演g如王同一臂把精宅巧的扎瑞士筍軍刀升，從游