Goodbye ！ alert()：使用新的消息弹出框

资讯频道 → Web前端

11顶
2踩

2008-10-16 10:33 by 资深编辑 ╱/罒呍唲评论(27) 有17110人浏览

JavaScript HTML 浏览器

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

Blackbird 是一个开源的JavaScript库，提供了一种简单的记录日志的方式和一个控制台窗口，有了这个之后，你就可以抛弃alert() 了。

jgyhuzhou 写道

BlackBird, G. Scott Olson开发的javascript日志记录库，相当于java中的log4j, javascript开发者再也不用使用alert来调试啦。

以下是具体的操作说明：

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

Blackbird有一个简单的方法将返回值发送到控制台：

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

这个方法的好处是，所有这些公共的方法都能独立的显示数据。可以很容易的确定发送邮件的类型：

支持下面的浏览器：

* Internet Explorer 6+
* Firefox 2+
* Safari 2+
* Opera 9.5

另外，如果你使用的是YUI的话，可以考虑YUI中的Logger组件

这里有一个更详细的介绍-关于Blackbird。

来自: ajaxian.com

分享到：

11
顶

2
踩

评论共 27 条请登录后发表评论

27 楼 zhaomingzm_23 2008-11-12 16:22

不能出来的换成FireFox或者chrome试下,我就是这个问题
不能出来的换成FireFox或者chrome试下,我就是这个问题
不能出来的换成FireFox或者chrome试下,我就是这个问题
不能出来的换成FireFox或者chrome试下,我就是这个问题
不能出来的换成FireFox或者chrome试下,我就是这个问题

26 楼 zhaomingzm_23 2008-11-12 16:21

不能出来的换成FireFox或者chrome试下,我就是这个问题

25 楼 longxin101 2008-11-10 14:14

嗯，不错。我喜欢新技术

24 楼 zx_lovoaccp 2008-11-09 12:17

用都用不起
还没有alert好用

23 楼 ferreousbox 2008-11-06 22:51

这样的东东有很多了，像log4javascript也非常不错

22 楼 BarryWei 2008-11-05 21:50

为了简单的alert()是不是有必要在单独安装一个框架？
这个问题有待思考。

但是对于大量使用Ajax的系统来说，必要的javascript的日志是必须的，或许可以考虑它。

21 楼 jzshmyt 2008-10-18 17:35

创意无限简单实用javascript-log演示

<script type="text/javascript"  src="http://dewind.googlecode.com/files/logger20081017.js"></script>

20 楼 jzshmyt 2008-10-18 17:26

本人自己动手写的

创意无限，简单实用

下载地址：http://dewind.googlecode.com/files/beta-20081017.rar

19 楼 softwin 2008-10-18 15:56

IE7下面的初始化顺序有问题，在load事件不能调用log.toggle方法显示，自己稍微简单的修改了下

function isVisible() { //determine the visibility
	    if(!bbird) {
			bbird = createAlert();
		}
		return ( bbird.style.display == 'block' );
	}

初始化判断下bbird对象是否存在，然后在它的load的事件再判断下bbird是否存在即可，createAlert是原来初始化操作

18 楼 strongkill 2008-10-17 19:58

习惯了，很难改了

17 楼 110171007 2008-10-17 19:23

<html>
<head>
    <script type="text/javascript" src="/blackbird.js"></script>
    <link type="text/css" rel="Stylesheet" href="/blackbird.css" />
<script language="javascript">
function view(){
log.debug("view");
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");
}
</script>
</head>
<body>
<a href="javascript:log.toggle();">toggle</a>
<input type="button" value="view" onclick="view();"/>
</body>
</html>
请问，这样写，出不来，是哪里错了？我用的是IE7

16 楼 E生迅徒 2008-10-17 17:03

继续提问，出来的信息为什么一闪就没有了？
我只是很简单的在提交之前打印一下

15 楼 duesouth 2008-10-17 16:39

没弄出来的同学，在<body></body>里面加上这个

<a href="javascript:log.toggle();">toggle</a>

，点一下就出来了

14 楼 guichenguang 2008-10-17 16:15

只是做调试的时候方便了很多。现在的页面还有很多还在使用alert()；来提示操作。

13 楼 E生迅徒 2008-10-17 14:50

不知道这个东西怎么用，出来的log信息怎么看不到呢？
我们知道alert出来的是对话框，这个出来的信息在哪边可以看见呢？
不是对话框？

12 楼 zhldang 2008-10-17 14:13

cock1001 写道

window的IE6.0+测试是有问题的,firfox2没有问题.
支持下面的浏览器：

* Internet Explorer 6+
* Firefox 2+
* Safari 2+
* Opera 9.5
说之前请测试一下.

在IE6下是沒問題的，只是需要在HTML上加入以下代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

11 楼 ycfdonews 2008-10-17 12:57

ie7上测了一下，还行，试了一下innerHTML，出来的不是代码，直接显示效果了。。

10 楼 duooluu 2008-10-17 10:45

xmx0632 写道

这句话"这个方法的好处是，所有这些公共的方法都能独立的现实数据。"是什么意思?

现实=显示？

9 楼 flashj 2008-10-17 09:33

我的操作系统XP，浏览器IE6 sp2测试有问题，Firefox3测试没有问题。

8 楼 xmx0632 2008-10-17 08:58

这句话"这个方法的好处是，所有这些公共的方法都能独立的现实数据。"是什么意思?

发表评论

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

11顶2踩