快捷導(dǎo)航

javascript腳本調(diào)試方法小結(jié)

更新時(shí)間：2008年11月24日 21:02:18 作者：

相信大家試過編寫javascript腳本時(shí)發(fā)生這樣或那樣的錯(cuò)誤，但是js并沒有很好的調(diào)試方法，在這里介紹兩個(gè)方法。

1、 alert方法
這也是十分原始的方法，但調(diào)試起來十分麻煩。
2、 debugger方法
首先打開Internet選項(xiàng)——高級，將“禁用腳本調(diào)試（Internet Explorer）”的勾去掉
如果想其他瀏覽器也啟用調(diào)試，那么可以把“禁用腳本調(diào)試（其他）”的勾也去去掉。
然后在你想需要地方進(jìn)行調(diào)試，就加入debugger，如
<script type="text/javascript">
debugger;
var s="debugger可調(diào)試";
alert(s);
</script>
用ie打開該頁面，就會出現(xiàn)自動(dòng)調(diào)用VS2005進(jìn)行調(diào)試.
點(diǎn)擊是，像平時(shí)一樣按F10或F11就可以進(jìn)行調(diào)試了

正在或者準(zhǔn)備從事javascript編程的人都會使用這個(gè)神奇的東西，感到無比自豪。
它幾乎可以實(shí)現(xiàn)你所想要的任何功能，在不借助任何工具的情況下。
然后，使用過他的人都會知道，這種編程腳本，查詢出錯(cuò)或者叫做調(diào)試吧，比較麻煩。

下面，我結(jié)合自己的一些經(jīng)驗(yàn)，當(dāng)然也有一部分自來互聯(lián)網(wǎng)了。呵呵
1、使用alert函數(shù)
這個(gè)函數(shù)在調(diào)試的時(shí)候，運(yùn)用是最多的，針對某個(gè)變量或者數(shù)組之類的，認(rèn)為那個(gè)地方可能存在問題，就在那個(gè)地方alert輸出一下，呵呵。
2、使用編輯器的語法高亮功能
針對一些拼寫，可能存在錯(cuò)誤的地方，使用帶有語法高亮功能的編輯器不失為一個(gè)好方法，當(dāng)前有語法高亮功能的編輯器比較多，如editplus、UltraEdit、Dreamweaver等等，如果是在編寫代碼的時(shí)候有關(guān)鍵字（或許準(zhǔn)確的保留字吧）拼寫錯(cuò)誤，就會以不同的顏色給出。
document.write("hello World!");
如果上句中的保留字發(fā)生拼寫錯(cuò)誤，顏色會給出提示，
documents.write("hello World!");
3、注意大小要區(qū)分（注意，html是不區(qū)分大小寫的，但是你的js代碼直接寫在html里面，就造成了好像要區(qū)分大小的現(xiàn)象，這個(gè)一定要注意）
在這種腳本語言中是要嚴(yán)格區(qū)分大小寫的，如果拼寫錯(cuò)誤，不但顏色不對，還會造成方法錯(cuò)誤，不能繼續(xù)往下執(zhí)行。
4、括號的配對
這里的括號就包括常用的大括號、小括號，在進(jìn)行檢查的時(shí)候這個(gè)是一個(gè)重點(diǎn)。
5、嚴(yán)格執(zhí)行代碼縮排風(fēng)格
這個(gè)也是相當(dāng)重要的，特別是在查詢錯(cuò)誤的時(shí)候，當(dāng)然，你也不能因?yàn)檫@個(gè)才保持這種風(fēng)格了，很會節(jié)約時(shí)間的。
6、使用瀏覽器運(yùn)行調(diào)試
其實(shí)每一種瀏覽器都對錯(cuò)誤有顯示功能，如IE系列、FF等，只是你沒有發(fā)現(xiàn)而也，這里重點(diǎn)說一下FF的調(diào)試功能，特別好用的。
FF自身就有一個(gè)錯(cuò)誤控制臺的功能，開啟之后，就會提示錯(cuò)誤信息。
當(dāng)然，最好用的還是要數(shù)Web Developer和FireBug插件了，這兩個(gè)插件的使用方法有很多文章都有介紹。

您可能感興趣的文章: