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