JsDebug 是一个只有一个文件的框架，这个框架可以帮助你调试页面的 Javascript 代码。

许多Jser 至今还在使用 alert 用来查看变量。 但 alert 有以下缺点: 不适合大量输出、不方便查看复杂类型 (比如许多变量仅仅输出 [Object] ) 。

目前浏览器都有提供了开发者工具，然而仍有情况无法使用此工具。 本框架提供了一个全局函数 trace，用于输出函数，其基本功能相当于 alert 或 console.log 的输出。

只需引入 debug.js 到你的页面， 就能体验 trace 的方便, 具体代码如下:

<script type="text/javascript" src="https://www.xuld.net/works/jsdebug/debug.js"></script>

快捷键:

• 按 F8 打开/关闭 调试窗口。
• 调试窗口最下面的框可输代码，回车执行。

下载

函数接口: (用于控制调试窗口)

• trace("输出")
• log("输出", "输出")
• trace('输出 {x} {y}', {x:1, y:3})
• trace("输出 {0} {1}", "变量1", "变量2")
• trace.test(trace.empty); 执行1个函数 1000 遍需要的时间， 通过第2个参数说明运行个数。
• trace.dir(trace); 显示所有 trace 成员
• assert(1 > 2, "{0}必须大于{1}", 1, 2);
• 切换显示[JsDebug.toggle()]
• 锁定(之后所有的输出都会被忽视)[JsDebug.lock()]
• 解锁[JsDebug.unlock()]
• 删除全部内容[trace.clear()]