`

javascript调试工具：Blackbird

JavaScriptCSSHTML 
阅读更多
You might never use alert() again.
下载在最后
先倒入css&js，2张图片和css文件最好放在同一路径，否则需要小改下css
<link rel="stylesheet" type="text/css" href="css/blackbird.css">
<script type="text/javascript" src="js/blackbird.js"></script>

倒入后就可以在JavaScript中用了，一般的使用方法看下面
log.debug( 'this is a debug message' );
log.info( 'this is an info message' );
log.warn( 'this is a warning message' );
log.error( 'this is an error message' );

//profile方法是打印代码执行时间的，如下用法：
log.profile( 'generate test string' );
var testContent = '';
for ( var i = 0; i < 3000; i++ ) {
  testContent += '-';
}
log.profile( 'generate test string' );

其他一些快捷键：
F2：显示/隐藏调试窗口
shift+F2：移动窗口
alt+shift+F2：清空控制台
对应的函数如下：
toggle()  显示/隐藏调试窗口
move()  移动窗口
clear()  清空控制台
resize()  调整窗口大小
用法：
<a href="javascript:log.clear();">clear</a>
<a href="javascript:log.move();">move</a>
<a href="javascript:log.resize();">resize</a>
<a href="javascript:log.toggle();">toggle</a>

注意：如果按F2无任何反应，请确认页面中有
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
这句话，
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >这句话是不行的！！！

http://www.gscottolson.com/blackbirdjs/

分享到：
| 2009-12-03 avast 误报 win32 Delf-MZG病 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript 调试控制台(JS)

    JavaScript调试控制台，通常被称为JS调试器，是开发和优化JavaScript代码不可或缺的工具。它提供了类似于Java控制台的功能，但专为JavaScript环境设计，能够帮助开发者深入理解代码执行过程，定位并解决潜在的问题，...

    10个基于浏览器的JavaScript调试工具分享

    随着浏览器技术的发展，基于浏览器的JavaScript调试工具变得越来越丰富和强大。本文将介绍10款基于浏览器的JavaScript调试工具，这些工具大多数是在线工具，可以大大简化调试过程，提高开发效率。 1. Pastebin...

    19个很有用的 JavaScript库推荐

    Blackbird: Open Source JavaScript Logging UtilityBlackbird 是一款非常酷的 JavaScript 调试工具，带有一个漂亮的界面显示和过滤调试信息。 Treesaver.jsTreesaver 是一个用于创建杂志布局的 JavaScript 框架。 ...

    40个轻量级JavaScript库

    **NitobiBug** 是一个跨浏览器的 JavaScript 调试工具，它能够记录和检查对象的状态变化。对于那些需要在多种浏览器环境中测试和调试代码的项目来说，NitobiBug 是一个不可或缺的工具。 **FirebugLite** 让 Firebug...

    js的日志功能

    JavaScript是一种广泛应用于网页和网络应用的脚本语言，它的日志功能是开发者调试代码和记录程序运行状态的重要工具。在JavaScript中，我们通常使用`console.log()`，`console.error()`等方法来输出日志信息。这些...

    使用新的消息弹出框blackbirdjs

    因此，需要更加专业的日志记录工具来协助开发者进行高效调试。 3. Blackbirdjs提供的日志级别： Blackbirdjs提供了五个级别的日志记录方法，分别是debug、info、warn、error。这些方法允许开发者记录不同类型的消息...

    log处理

    日志是系统、应用或服务在运行过程中记录的事件信息，包括但不限于错误信息、警告、调试信息等。它们为开发者提供了宝贵的数据，帮助诊断问题、优化性能以及了解系统运行状况。 日志处理主要包括以下几个环节： 1....

Magicbox
Global site tag (gtag.js) - Google Analytics