<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    新的起點 新的開始
    

     快樂生活 ！
    
			
    
				
					
	
    
		
    
			FireBug 調(diào)試JS入門 —如何調(diào)試JS
		
    
		

    
      安裝就不用說了，很簡單，在FireFox上插件庫里找到FireBug就Ok了。下圖是FireBug Debug 窗口。
    


    

    
     FireBug美工用的非常普遍，公司美工妹妹用的非常熟練 呵呵，而對于我們開發(fā)人員，主要用它來Debug JS。看看官方對Debug功能的介紹。
    
 Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and see what each variable looked like at that moment. If your code is a little sluggish, use the JavaScript profiler to measure performance and find bottlenecks fast.
    
      簡而言之，F(xiàn)ireBug 可以讓我們在任何時候debugJS 并查看變量，同時可以通過它找出JS中性能瓶頸。
    
      下圖是如何找到Web應(yīng)用的JS，激活Firebug，點Script，然后在All 旁邊選擇你要Debug的JS。
    

    

    
下圖是如何打斷點 基本跟Eclipse一樣，點擊行號就Ok了。
    

    
下圖是如何在斷點上設(shè)定條件，如果條件符合，就進入斷點，這個功能很不錯，特別是Debug很復(fù)雜的Function時候。
    

    
 下圖是如何單步調(diào)試，跟Eclipse一樣 F11單步 
    

    
下圖是查看調(diào)用的Stack，對以復(fù)雜的JS Debug很有幫助。
    


    

    
下圖是查看變量 基本跟EclipseDebug 一樣。
    

    

    

    
下圖是在斷點處查看變量。
    

    

    

    
有個很好用的功能，代碼行之間快速調(diào)轉(zhuǎn)，使得對上千行的JS調(diào)試很輕松。
    

    
下圖就是Performance 測試結(jié)果，使用很簡單 點Profile
    

    

    
還有一個Log功能比較實用，看下圖 如果你不想每次都進入斷點，用這個就再好不過了。
    

    
       基本用法就這些了，希望對大家有幫助。
    

    

    
    
 
    
		
    
			posted on 2009-04-14 20:01 advincenting 閱讀(54060) 評論(19)  編輯  收藏  所屬分類: 腳本 
		
    
	
    
	
	


	


    
	    
    


    

    評論
    
	
	
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2009-04-15 10:15
					
				于翔
			
    
			
    
				謝謝，非常有用！  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2009-04-15 13:01
					
				huliqing
			
    
			
    
				確實很不錯，并且看起來與IE8的“開發(fā)人員工具”很相似。  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2009-04-15 16:45
					
				demo
			
    
			
    
				應(yīng)該是IE8的“開發(fā)人員工具”與firebug在靠近。  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2009-04-17 23:09
					
				foot
			
    
			
    
				很實用，

    調(diào)試是門學(xué)問。  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2009-07-28 13:14
					
				ZengJerry
			
    
			
    
				但是對基于jQuery編寫的插件式的js文件，好像無法跟蹤進去。試了好多次，雖然在js文件中設(shè)置了斷點，但就是debug不到  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2009-07-28 19:28
					
				advincenting
			
    
			
    
				沒有問題啊 我們就在JQuery上Debug的， 你是哪個版本的  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2009-08-23 09:38
					
				jwkljh@qq.com
			
    
			
    
				請問你有適合3.0以上版本的firefox的firebug插件嗎  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS[未登錄]
					
						2010-04-02 12:03
					
				dd
			
    
			
    
				www.aala.com.cn  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS[未登錄]
					
						2011-08-19 13:39
					
				liyang
			
    
			
    
				學(xué)習(xí)了  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS[未登錄]
					
						2011-11-24 11:15
					
				zg
			
    
			
    
				very  good   回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS[未登錄]
					
						2012-04-25 13:28
					
				dd
			
    
			
    
				<a></a>  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS[未登錄]
					
						2012-04-25 13:28
					
				dd
			
    
			
    
				http://www.99msg.com  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS[未登錄]
					
						2013-05-20 17:07
					
				easy
			
    
			
    
				受用了  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2013-07-06 11:35
					
				creak
			
    
			
    
				@huliqing
    ie的調(diào)試是后出的 跟人家學(xué)的 你的意思等同于 爹跟兒挺像的  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2013-07-30 15:06
					
				fsdf
			
    
			
    
				sdfsdfs  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2014-05-16 12:09
					
				sunsong
			
    
			
    
				最后一個log功能沒說清楚，可以詳細說說嘛，我到處點沒看到這個功能.  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS[未登錄]
					
						2014-09-15 08:35
					
				cc
			
    
			
    
				講的很詳細，對我很有幫助，非常感謝  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2014-10-14 10:07
					
				hah
			
    
			
    
				很不錯啊  回復(fù)  更多評論
				  
			
    
		
			
    
				# re: FireBug 調(diào)試JS入門 —如何調(diào)試JS
					
						2015-02-10 15:53
					
				舒健
			
    
			
    
				@ZengJerry
    同感  回復(fù)  更多評論
				  
			
    
		

    




    








    

				
			
    
			
    
				
					

    公告
    
	Locations of visitors to this pageBlogJava
			
  • 首頁
    • 
			
  • 新隨筆
    • 
			
  • 聯(lián)系
    • 
			
  • 聚合
			
  • 管理
    • 

					
    
	
    
		
    <2015年2月>
    
	
    日一二三四五六
    25262728293031
    1234567
    891011121314
    15161718192021
    22232425262728
    1234567
    

    

					

    統(tǒng)計
    
	
					

    常用鏈接
    


    留言簿(13)
    


		
    隨筆分類(71)
    
		
				
			
	
		
    隨筆檔案(179)
    
		
				
			
	
		
    文章檔案(13)
    
		
				
			
	
		
    新聞分類
    
		
				
			
	
		
    IT人的英語學(xué)習(xí)網(wǎng)站
    
		
				
			
	
		
    JAVA站點
    
		
				
			
	
		
    優(yōu)秀個人博客鏈接
    
		
				
			
	
		
    官網(wǎng)學(xué)習(xí)站點
    
		
				
			
	
		
    生活工作站點
    
		
				
			
	


    最新隨筆
    




    搜索
    



    積分與排名
    



    最新評論
	
    

    
	
			
		

    


    閱讀排行榜
    



    評論排行榜
    



					

				
			
    			
			
	

    







    
        
	



主站蜘蛛池模板：
亚洲熟女少妇一区二区|
国产hs免费高清在线观看|
亚洲国产一成人久久精品|
一级全免费视频播放|
亚洲视频人成在线播放|
日韩毛片在线免费观看|
免费国产a国产片高清|
国产区图片区小说区亚洲区|
国产jizzjizz免费视频|
www成人免费观看网站|
激情97综合亚洲色婷婷五
|
国产成人麻豆亚洲综合无码精品|
一级中文字幕乱码免费|
国产亚洲精品国看不卡|
成全视频在线观看免费|
亚洲综合久久1区2区3区
|
69pao强力打造免费高清|
亚洲欧洲日产韩国在线|
久久精品无码一区二区三区免费|
亚洲日韩AV一区二区三区中文
|
性感美女视频免费网站午夜
|
国产1000部成人免费视频|
77777午夜亚洲|
亚洲一区精品伊人久久伊人|
一区二区免费视频|
亚洲精品一二三区|
亚洲日本一区二区三区在线不卡|
baoyu116.永久免费视频|
亚洲成年人免费网站|
四虎www免费人成|
国产精品免费久久久久影院
|
一级特黄a免费大片|
亚洲AV日韩精品久久久久久久|
在线看片v免费观看视频777|
国产精品亚洲一区二区三区在线观看
|
国产精品亚洲小说专区|
亚洲AV无码一区二区乱孑伦AS
|
亚洲AV综合色区无码一区|
国产精品久久久久久久久久免费|
瑟瑟网站免费网站入口|
久久精品国产亚洲av水果派|