javascript调试工具：Blackbird

gundumw100

于 2017-04-10 17:48:11 发布

阅读量311

点赞数

分类专栏： JavaScript CSS HTML

本文链接：https://blog.csdn.net/gundumw100/article/details/69959014

版权

HTML 同时被 3 个专栏收录

77 篇文章 0 订阅

订阅专栏

CSS

34 篇文章 0 订阅

订阅专栏

JavaScript

29 篇文章 0 订阅

订阅专栏

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/