创意无限,简单实用

[jzshmyt]

在javascript开发过程中，如果总是使用alert的方式调试程序，在某些简单的程序中是可行的.
但是在通常的项目很复杂，这种方式已经很难满足，企业级开发的需要。
鉴于以上原因，本人本着简单实用的原则，
自己动手编写了这个javascript调试工具，全部程序只有300kb左右。
该工具主要有以下特点：
1.完全的可插入式思想，对目标程序没有任何负作用。
2.使用方法极其简单，只需要引入一行JS代码。
实践证明,使用该工具后，项目中调试JS程序变的极其便利，故推而广之，希望使用的朋友能提一些改进的意见。



2007/11/10日 对工具进行了改造：
<!--1.Relative path 2.debug=false 3.debugInner-->
<SCRIPT language=javascript debug=false src="../JSDebugTool/debugInner.file"></script>
<!--1.Web path 2.debug=true 3.debugInner-->
<SCRIPT language=javascript debug=true src="http://localhost:8080/myproject/JSDebugTool/debugInner.file"></script>
<!--1.Absolutely path 2.debug=true 3.debugPopup-->
<SCRIPT language=javascript src="D:/tools/JSDebugTool/debugPopup.file"></script>


※参数注释:
debug=true/false ,不设定debug参数时,默认为true.
true : Javascript debug 功能开启,默认值.(Set "true" by Development)
false : Javascript debug 功能关闭.(Set "false" by Release)
src属性可以设定为绝对路径，也可以设定为相对路径或WEB路径。
debugInner.file : 采用inner模式debug
debugPopup.file ：采用popup模式debug

详细说明参照:精致生活每一天
站外下载地址:JavaScriptDebug

[闯荡江湖]

看起来不错

[sunyujia]

非常不错覆盖window.alert方法行吗，引入你的js则调试否则不调试

[sunyujia]

呵呵不行，系统中还有要alert给用户的信息呢，

[jzshmyt]

to:greatghoul
建议不错，谢谢greatghoul！我会考虑你的意见,把他做的更好！

[jzshmyt]

11/11 日对"debugPopup.file"模式下JSdebugTool进行了改进.包括一下两点：
1.将"JS debug"按钮替换为 可悬浮的 div+icon
2.将dialog 窗口 修改为 悬浮效果,跟随Y轴scroll的变化而移动。




2007/11/11(更新):下载地址

感谢greatghoul的建议!! :)

[jzshmyt]

做的很不方便,一点也不好用。
1.发表的文字很乱，排版功能差
2.而且发表后无权限修改.
3.附件也不能换。
所以我把帖子搬到www.javaworld.com.tw中了,因为这里友好很多。
链接：创意无限,简单实用

[jzshmyt]

to：sunyujia ,两者并不存在冲突。
在需要alert的时候，依然可以alert信息给用户。
引入"debugInner.file"或"debugPopup.file"之后，只是可以将大型项目中关键点的JS随时打印出来。
比如，有一个JS文件有3000行代码，其中存在各种自定义的javascript对象，
需要在js程序执行到某个阶段的时候，监视这些对象的值或状态，判断执行结果是否。
使用该方法就很便利了。

如果没有这样的工具，您想随时通过alert看到某些关联对象的值，是困难的。存在一下两个明显的缺点：
1.假如一次执行中有15个关键点的值都想随时监视，使用alert您就不的不，点15次确认，而且很不连贯，也不直观。
2.用于调试的alert语句，在发布的时候必须删除掉。
等有着一日客户发现某些值存在错误，您需要再次调试的时候，您就不得不回忆之前的关键点，分别加上alert，艰难的调试。

使用该工具之后，以上两个问题，变得迎刃而解。

[jzshmyt]

加入了showtime参数。
2007/11/11 21:21(更新):下载
详细

[「已注销」]

这的确是好东西．不过按钮是固定的，就不爽了，如果能选择开启debug的按钮飘浮在页面之上，也不会影响原页面的布局嘛．

[jzshmyt]

JSDebugTool最新下载地址和使用说明：http://bbs.51js.com/thread-73741-1-1.html