當前位置:才華齋>設計>網頁設計>

如何除錯javascript指令碼呢

網頁設計 閱讀(1.52W)

1、 alert方法

如何除錯javascript指令碼呢

這也是十分原始的方法,但除錯起來十分麻煩。

2、 debugger方法

首先開啟Internet選項——高階,將“禁用指令碼除錯(Internet Explorer)”的勾去掉

如果想其他瀏覽器也啟用除錯,那麼可以把“禁用指令碼除錯(其他)”的勾也去去掉。

然後在你想需要地方進行除錯,就加入debugger,如

debugger;

var s="debugger可除錯";

alert(s);

用ie開啟該頁面,就會出現自動呼叫VS2005進行除錯.

點選是,像平時一樣按F10或F11就可以進行除錯了

正在或者準備從事javascript程式設計的人都會使用這個神奇的東西,感到無比自豪。

它幾乎可以實現你所想要的任何功能,在不借助任何工具的情況下。

然後,使用過他的人都會知道,這種程式設計指令碼,查詢出錯或者叫做除錯吧,比較麻煩。

下面,我結合自己的一些經驗,當然也有一部分自來網際網路了。呵呵

1、使用alert函式

這個函式在除錯的時候,運用是最多的,針對某個變數或者陣列之類的,認為那個地方可能存在問題,就在那個地方alert輸出一下,呵呵。

2、使用編輯器的'語法高亮功能

針對一些拼寫,可能存在錯誤的地方,使用帶有語法高亮功能的編輯器不失為一個好方法,當前有語法高亮功能的編輯器比較多,如editplus、UltraEdit、Dreamweaver等等,如果是在編寫程式碼的時候有關鍵字(或許準確的保留字吧)拼寫錯誤,就會以不同的顏色給出。

e("hello World!");

如果上句中的保留字發生拼寫錯誤,顏色會給出提示,

e("hello World!");

3、注意大小要區分(注意,html是不區分大小寫的,但是你的js程式碼直接寫在html裡面,就造成了好像要區分大小的現象,這個一定要注意)

在這種指令碼語言中是要嚴格區分大小寫的,如果拼寫錯誤,不但顏色不對,還會造成方法錯誤,不能繼續往下執行。

4、括號的配對

這裡的括號就包括常用的大括號、小括號,在進行檢查的時候這個是一個重點。

5、嚴格執行程式碼縮排風格

這個也是相當重要的,特別是在查詢錯誤的時候,當然,你也不能因為這個才保持這種風格了,很會節約時間的。

6、使用瀏覽器執行除錯

其實每一種瀏覽器都對錯誤有顯示功能,如IE系列、FF等,只是你沒有發現而也,這裡重點說一下FF的除錯功能,特別好用的。

FF自身就有一個錯誤控制檯的功能,開啟之後,就會提示錯誤資訊。

當然,最好用的還是要數Web Developer和FireBug外掛了,這兩個外掛的使用方法有很多文章都有介紹。