javascript调试工具:Blackbird !say hello to Blackbird and goodbye to alert().

平时调试JS的时候，需要大量使用alert语句，不仅效率不高，而且老弹确认窗口，让人觉得不悦。今天在网上找文章看的时候发现了一个很酷的javascript：Blackbird ，去了他的官方转转，看看这个口号是与alert说再见的js有什么特别之处。

这是Blackbird 的界面，够黑的，呵呵。用过firebug调试JS的朋友这个界面应该很熟悉了

，现在大家知道Blackbird 的主要用途了，它就是方便JS作者输出调试信息的，看来真的可以给alert说再见了。

Blackbird js框架中只有4个文件：blackbird_icons.png，blackbird_panel.png，blackbird.js，blackbird.css。我们只需要在页面中引入他的JS和CSS，就可以使用它方便的输出功能了。

<html>
<head>
<script type="text/javascript" src="/PATH/TO/blackbird.js"></script>
<link type="text/css" rel="Stylesheet" href="/PATH/TO/blackbird.css" />
...
</head>
...

如需要输出上图中的信息，js代码是这样的：

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' );

是不是很便利，呵呵。

看看Blackbird 的API（摘抄的）：

log.toggle()          显示或隐藏 Blackbird
     log.move()            移动
     log.resize()           修改 Blackbird 窗口显示大小
     log.clear()             清空信息
     log.debug( message )   debug 信息
     log.info( message )     一般消息
     log.warn( message )      警告信息
     log.error( message )    错误信息
     log.profile( label )     计算消耗时间

下图是Blackbird 控制台的快捷键：

官方地址：http://www.gscottolson.com/blackbirdjs/

转载于:https://www.cnblogs.com/sunjing/archive/2008/11/09/1329977.html

javascript调试工具:Blackbird !say hello to Blackbird and goodbye to alert().相关推荐

javascript调试工具
转载的文章集合 javascript调试工具一.Companion.JS js程序的调试是相当郁闷的,因为首先这种语言语法比较灵活,它是一种弱类型的脚本语言,很多错误是无法控制的,这些不谈,最痛苦的 ...
JavaScript调试工具列举
JavaScript调试工具列举 http://www.ijavascript.cn/gongju/javascript-debugger-84.html JavaScript代码看起来总是要比Jav ...
javascript调试工具：Blackbird
You might never use alert() again. 下载在最后先倒入css&js,2张图片和css文件最好放在同一路径,否则需要小改下css <link rel=&q ...
几款浏览器JavaScript调试工具
WEB开发工具的使用已经非常普及,如果想要更方便于开发的话,不妨看看本文介绍的15款基于浏览器扩展的WEB开发工具. 1.Firebug Firebug是一款基于Firefox的浏览器扩展组件,它集成 ...
常见的JavaScript调试工具
一.Firebug 最常用的脚本调试工具,前端工程师必备,被喻为"居家旅行的瑞士军刀" 二.Fiddler 是一个本地代理服务器,需要将浏览器设置为本地代理服务器上网才可以使用,F ...
非常酷的 Javascript 简单调试工具Blackbird
Blackbird 是一个开源的 Javascript 调试工具,默认提供一种非常酷的方式展现 Javascript 调试信息,如下图,效果如何呢? 在我们的日常的学习或工作中,经常都会接触到 Jav ...
js调试工具-blackbird
BlackBird 在js开发的调试过程中,如果仅仅是监视当前语句的运行结果,那么除了使用ff+firebug 或者ie+ie debugger,第三个选择我想绝大多数人会使用alert.我偶然在网上 ...
提高效率 JavaScript调试 js 调试工具
现在的JavaScript事实上已然成为了流行的web语言,即使它并不完美.很多程序员不喜欢用JavaScript写代码,是因为写到后来总会出现各种莫名其妙的bug,而且在开发大型应用程序的过程中很容 ...
参考: 40个轻量级 JavaScript 库
流行的 JavaScript 库不胜枚举,jQuery, MooTools, Prototype, Dojo, YUI.这些 JavaScript 库功能丰富,加上它们的插件,几乎能胜任任何工作,然而 ...

javascript调试工具:Blackbird !say hello to Blackbird and goodbye to alert().

javascript调试工具:Blackbird !say hello to Blackbird and goodbye to alert().相关推荐

最新文章

热门文章