公告:本站提供编程开发方面的技术交流与分享,打造最佳教程网,希望能为您排忧解难!

JS教程javascript调试工具Blackbird

javascript调试工具Blackbird

更新时间:2013-03-16 23:39:15 |

1.blackbird是什么    blackbird是一个Javascript的日志控制台,你可以在JS里面往控制台打印信息。而不需要使用alert。

2.blackbird的准备条件
    到blackbird(http://www.gscottolson.com/blackbirdjs/)的网站上去下载包。有四个文件:blackbird.css;blackbird.js;blackbird_icons.png;blackbird_panel.png;
    在代码中把JS文件和CSS文件包含进去即可;
    调用blackbird的API向控制台打印信息即可;
    下载包的话。可以进入官方网站,点击setup就可以下载了;

3.例子
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
        <head>
            <script type="text/javascript" src="blackbirdjs/blackbird.js"></script>
            <link type="text/css" rel="Stylesheet" href="blackbirdjs/blackbird.css" />
            <title>blackbird_test</title>
        </head>
        <body>
            <a href="#" onclick="addLog()">写日志</a>
        </body>
        <script language="javascript">
            function addLog()
            {
                log.debug('debug_log');
                log.info('info_log');
            }
        </script>
    </html>

4.注意要点
    4.1点了上面的“写日志”,并没有显示控制台面板
        点击F2,就会出现面板了;
    4.2参照4.1点了F2,控制面板依然没有出来
        检查你HTML的头部是否有这句话:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

5.blackbird的API
    log.toggle():显示控制台面板
    log.move():移动控制台面板的位置
    log.resize():调整控制台面板的大小
    log.clear():清空控制台的内容
    log.debug( message ):添加一个Debug信息
    log.info( message ):添加一个Info信息
    log.warn( message ):添加一个警告信息
    log.error( message ):添加一个错误信息
    log.profile( label ):计算两个lable相同的两句语句之间的执行时间

6.profile的例子
    由于这个可能比较少用。所以例子分开写。
    log.profile('abc');
    var t = "";
    for(var i=0;i<7000;i++)
    {
        t += "-";
    }
    log.profile('abc');

    这样就能在控制台面板打印出这个循环需要的时间了。

最佳教程网

最大的技术交流平台 www.goodxyx.com© CopyRight 2011-2013, All Rights Reserved

浙ICP备11033019号