您的位置:首页 > Web前端 > JavaScript

javascript调试工具:Blackbird

2017-04-10 17:48 267 查看
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/

blackbirdjs-1.0.zip (32.4 KB)

下载次数: 101
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: