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
下载在最后
先倒入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
相关文章推荐
- 非常酷的 Javascript 简单调试工具Blackbird
- javascript调试工具:Blackbird !say "hello" to Blackbird and "goodbye" to alert().
- 非常酷的 Javascript 简单调试工具Blackbird
- 非常酷的 Javascript 简单调试工具Blackbird
- IE8"开发人员工具"使用详解下(浏览器模式、文本模式、JavaScript调试、探查器)
- 进行 HTML、JavaScript 和 Ajax 开发和调试的必用工具
- 前端javascript调试和定位工具VisualEvent和chrome自带定位方法
- 进行 HTML、JavaScript 和 Ajax 开发和调试的必用工具
- Javascript脚本的调试工具有哪些
- javascript 调试工具Companion.JS
- 精通javascript 第四章: 调试和测试工具
- IE5,IE6,IE7多版本共存JavaScript调试工具Multiple IE
- 10个基于浏览器的JavaScript调试工具分享
- JavaScript调试工具汇总
- 进行 HTML、JavaScript 和 Ajax 开发和调试的必用工具
- js调试工具 Javascript Debug Toolkit 2.0.0版本发布
- ie 下 javascript调试工具汇总
- javascript调试工具
- 10款基于网页浏览器的JavaScript代码调试工具
- 几种javascript开发和调试工具