javascript學習筆記_學習筆記6_javascript如何調試

我的電腦是 win10 的,下面說一下,在win10中進行 js 的調試問題,以火狐瀏覽器爲例

用火狐瀏覽器調試,用到兩個工具,一個是調試器,一個是firebug,firebug是一個插件,需要先安裝

下面假設這兩個工具都安裝好了

首先先打開一個網頁,比如下面的代碼,我用 火狐 打開
<html>  
	<head>  
		<script language="javascript">  
			var n=window.prompt("請輸入一個整數");  
			n=parseInt(n);  
  
			var res=0;  
			for(var i=0;i<=n;i++){  
				res+=i;  
			}  
			document.writeln("結果是"+res);  
		</script>  
	</head>  
	<body></body>  
</html>  


  • 火狐調試器的使用方法

如果你沒有安裝firebug插件,那麼按 F12 會默認打開火狐的調試器,如果你安裝了firebug插件,那麼F12就會打開firebug




先打開調試器,使用調試器進行調試的時候,必須先設置斷點,再刷新網頁,才能進行調試,如果不限設置斷點,打開網頁後瀏覽器就直接運行完畢了,也就不會再給你調試的機會了,所以要先設置斷點,如下圖所示,右鍵設置斷點(我的右鍵設置斷點不管用,我直接用快捷鍵來設置ctrl+B)


設置斷點之後,刷新網頁,再按F10,F11 進行調試就可以了

  • firebug的使用方法

firebug也需要先設置斷點,然後刷新網頁,然後進行調試



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