javascript腳本調試方法小結
更新時間:2008年11月24日 21:02:18 作者:
相信大家試過編寫javascript腳本時發(fā)生這樣或那樣的錯誤,但是js并沒有很好的調試方法,在這里介紹兩個方法。
1、 alert方法
這也是十分原始的方法,但調試起來十分麻煩。
2、 debugger方法
首先打開Internet選項——高級,將“禁用腳本調試(Internet Explorer)”的勾去掉
如果想其他瀏覽器也啟用調試,那么可以把“禁用腳本調試(其他)”的勾也去去掉。
然后在你想需要地方進行調試,就加入debugger,如
<script type="text/javascript">
debugger;
var s="debugger可調試";
alert(s);
</script>
用ie打開該頁面,就會出現(xiàn)自動調用VS2005進行調試.
點擊是,像平時一樣按F10或F11就可以進行調試了
正在或者準備從事javascript編程的人都會使用這個神奇的東西,感到無比自豪。
它幾乎可以實現(xiàn)你所想要的任何功能,在不借助任何工具的情況下。
然后,使用過他的人都會知道,這種編程腳本,查詢出錯或者叫做調試吧,比較麻煩。
下面,我結合自己的一些經(jīng)驗,當然也有一部分自來互聯(lián)網(wǎng)了。呵呵
1、使用alert函數(shù)
這個函數(shù)在調試的時候,運用是最多的,針對某個變量或者數(shù)組之類的,認為那個地方可能存在問題,就在那個地方alert輸出一下,呵呵。
2、使用編輯器的語法高亮功能
針對一些拼寫,可能存在錯誤的地方,使用帶有語法高亮功能的編輯器不失為一個好方法,當前有語法高亮功能的編輯器比較多,如editplus、UltraEdit、Dreamweaver等等,如果是在編寫代碼的時候有關鍵字(或許準確的保留字吧)拼寫錯誤,就會以不同的顏色給出。
document.write("hello World!");
如果上句中的保留字發(fā)生拼寫錯誤,顏色會給出提示,
documents.write("hello World!");
3、注意大小要區(qū)分(注意,html是不區(qū)分大小寫的,但是你的js代碼直接寫在html里面,就造成了好像要區(qū)分大小的現(xiàn)象,這個一定要注意)
在這種腳本語言中是要嚴格區(qū)分大小寫的,如果拼寫錯誤,不但顏色不對,還會造成方法錯誤,不能繼續(xù)往下執(zhí)行。
4、括號的配對
這里的括號就包括常用的大括號、小括號,在進行檢查的時候這個是一個重點。
5、嚴格執(zhí)行代碼縮排風格
這個也是相當重要的,特別是在查詢錯誤的時候,當然,你也不能因為這個才保持這種風格了,很會節(jié)約時間的。
6、使用瀏覽器運行調試
其實每一種瀏覽器都對錯誤有顯示功能,如IE系列、FF等,只是你沒有發(fā)現(xiàn)而也,這里重點說一下FF的調試功能,特別好用的。
FF自身就有一個錯誤控制臺的功能,開啟之后,就會提示錯誤信息。
當然,最好用的還是要數(shù)Web Developer和FireBug插件了,這兩個插件的使用方法有很多文章都有介紹。
這也是十分原始的方法,但調試起來十分麻煩。
2、 debugger方法
首先打開Internet選項——高級,將“禁用腳本調試(Internet Explorer)”的勾去掉
如果想其他瀏覽器也啟用調試,那么可以把“禁用腳本調試(其他)”的勾也去去掉。
然后在你想需要地方進行調試,就加入debugger,如
<script type="text/javascript">
debugger;
var s="debugger可調試";
alert(s);
</script>
用ie打開該頁面,就會出現(xiàn)自動調用VS2005進行調試.
點擊是,像平時一樣按F10或F11就可以進行調試了
正在或者準備從事javascript編程的人都會使用這個神奇的東西,感到無比自豪。
它幾乎可以實現(xiàn)你所想要的任何功能,在不借助任何工具的情況下。
然后,使用過他的人都會知道,這種編程腳本,查詢出錯或者叫做調試吧,比較麻煩。
下面,我結合自己的一些經(jīng)驗,當然也有一部分自來互聯(lián)網(wǎng)了。呵呵
1、使用alert函數(shù)
這個函數(shù)在調試的時候,運用是最多的,針對某個變量或者數(shù)組之類的,認為那個地方可能存在問題,就在那個地方alert輸出一下,呵呵。
2、使用編輯器的語法高亮功能
針對一些拼寫,可能存在錯誤的地方,使用帶有語法高亮功能的編輯器不失為一個好方法,當前有語法高亮功能的編輯器比較多,如editplus、UltraEdit、Dreamweaver等等,如果是在編寫代碼的時候有關鍵字(或許準確的保留字吧)拼寫錯誤,就會以不同的顏色給出。
document.write("hello World!");
如果上句中的保留字發(fā)生拼寫錯誤,顏色會給出提示,
documents.write("hello World!");
3、注意大小要區(qū)分(注意,html是不區(qū)分大小寫的,但是你的js代碼直接寫在html里面,就造成了好像要區(qū)分大小的現(xiàn)象,這個一定要注意)
在這種腳本語言中是要嚴格區(qū)分大小寫的,如果拼寫錯誤,不但顏色不對,還會造成方法錯誤,不能繼續(xù)往下執(zhí)行。
4、括號的配對
這里的括號就包括常用的大括號、小括號,在進行檢查的時候這個是一個重點。
5、嚴格執(zhí)行代碼縮排風格
這個也是相當重要的,特別是在查詢錯誤的時候,當然,你也不能因為這個才保持這種風格了,很會節(jié)約時間的。
6、使用瀏覽器運行調試
其實每一種瀏覽器都對錯誤有顯示功能,如IE系列、FF等,只是你沒有發(fā)現(xiàn)而也,這里重點說一下FF的調試功能,特別好用的。
FF自身就有一個錯誤控制臺的功能,開啟之后,就會提示錯誤信息。
當然,最好用的還是要數(shù)Web Developer和FireBug插件了,這兩個插件的使用方法有很多文章都有介紹。
您可能感興趣的文章:
- Javascript調試工具(下載)
- Javascript調試腳本的經(jīng)驗之談
- 在IE,Firefox,Safari,Chrome,Opera瀏覽器上調試javascript
- js調試工具 Javascript Debug Toolkit 2.0.0版本發(fā)布
- ie 調試javascript的工具
- Javascript 調試利器 Firebug使用詳解六
- 調試JavaScript/VBScript腳本程序(IE篇)
- Aptana調試javascript圖解教程
- 兩個JavaScript jsFiddle JSBin在線調試器
- JavaScript 錯誤處理與調試經(jīng)驗總結
- javascript 在firebug調試時用console.log的方法
- 調試Javascript代碼(瀏覽器F12及VS中debugger關鍵字)
- 10個基于瀏覽器的JavaScript調試工具分享
- 利用瀏覽器的Javascript控制臺調試PHP程序
- 禁用JavaScript控制臺調試的方法
- JS高級調試技巧:捕獲和分析 JavaScript Error詳解
- JavaScript調試技巧之console.log()詳解
- javascript調試之DOM斷點調試法使用技巧分享
- 使用Chrome調試JavaScript的斷點設置和調試技巧
- 谷歌瀏覽器調試JavaScript小技巧
- JavaScript如何調試有哪些建議和技巧附五款有用的調試工具
相關文章
JS驗證日期的格式YYYY-mm-dd 具體實現(xiàn)
這篇文章介紹了JS對日期格式的驗證實例,有需要的朋友可以參考一下2013-06-06
基于jsTree的無限級樹JSON數(shù)據(jù)的轉換代碼
基于jsTree的無限級樹JSON數(shù)據(jù)的轉換代碼,需要的朋友可以參考下。2010-07-07

