2007/12/23更新創(chuàng)意無限,簡單實用(javascript log)
2024-05-06 14:18:37
供稿：網友
在javascript開發(fā)過程中，如果總是使用alert的方式調試程序，在某些簡單的程序中是可行的.
但是在通常的項目很復雜，這種方式已經很難滿足，企業(yè)級開發(fā)的需要。
比如ajax項目中，存在一個3000行左右JS文件，其中存在各種自定義的javascript對象。
開發(fā)的過程中，總是需要在js程序執(zhí)行到某個關鍵點的時候，監(jiān)視自定義對象的值或狀態(tài)，
判斷執(zhí)行結果是否是預期的樣子，如果您通過alert看到某些關聯(lián)對象的值，是很困難的。
存在以下兩個明顯的缺點：
1.假如一次執(zhí)行中有n個關鍵點的值都想隨時監(jiān)視，使用alert您就不的不點夠n次確認，給開發(fā)者的感覺是很不連貫也不直觀，很難流暢發(fā)現(xiàn)隱藏很深的問題。
2.用于調試的alert語句，在發(fā)布的時候必須刪除掉，等有朝一日需要再次調試的時候，您就不得不回憶之前的關鍵點，分別加上alert，艱難的調試。
使用該工具之后，以上兩個問題，變得迎刃而解。
鑒于以上需求，本人本著簡單實用的原則，
自己動手編寫了這個javascript調試工具，全部程序只有300kb左右。
該工具主要有以下特點：
1.完全的可插入式思想，對目標程序沒有任何負作用。
2.使用方法簡單,方便，只需要引入一行JS代碼。
使用后，您或許會發(fā)現(xiàn)，調試JS程序變的便利。
//----------------------------------使用方法---------------------------------------------//
步驟1.將下載后JSDebugTool.zip,解壓到任意目錄，比如：D:/tools/JSDebugTool
步驟2.將類似于下面這樣的一行JS代碼加入到您的目標程序(JSP,ASP,HTML,PHP等)中,下面的寫法都是支持的.
<!-- debug功能不開啟、不顯示time、使用相對路徑引入debugInner.file-->
<SCRIPT language=javascript debug=false showtime=false src="../JSDebugTool/debugInner.file"></script>
<!-- debug功能開啟、顯示time、使用WEB路徑引入debugInner.file-->
<SCRIPT language=javascript debug=true showtime=true src="http://localhost:8080/myproject/JSDebugTool/debugInner.file"></script>
<!-- debug功能開啟、不顯示time、使用本地絕對路徑引入debugInner.file-->
<SCRIPT language=javascript src="D:/tools/JSDebugTool/debugInner.file"></script>
※注釋:
debug=true/false
true : Javascript debug 功能開啟,默認值.(Development)
false : Javascript debug 功能關閉.(Release)
不設定"debug"參數(shù)時,默認為true.
src屬性可以設定為(絕對路徑、相對路徑、WEB路徑等)
debugInner.file : 采用嵌入模式模式
