javascript调试工具：Blackbird

最新推荐文章于 2015-09-30 15:36:27 发布

gundumw100

最新推荐文章于 2015-09-30 15:36:27 发布

阅读量107

点赞数

分类专栏： jQuery 文章标签： JavaScript CSS HTML ViewUI

jQuery 专栏收录该内容

79 篇文章 0 订阅

订阅专栏

[b]You might never use alert() again.[/b]
下载在最后
先倒入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>

[color=red]注意：如果按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" >这句话是不行的！！！[/color]

[url]http://www.gscottolson.com/blackbirdjs/[/url]

gundumw100

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript调试工具：Blackbird

[b]You might never use alert() again.[/b]下载在最后先倒入css&js，2张图片和css文件最好放在同一路径，否则需要小改下css倒入后就可以在JavaScript中用了，一般的使用方法看下面log.debug( 'this is a debug message' );log.info( 'this is an info me...
复制链接

扫一扫

专栏目录