`

javascript调试工具:Blackbird

阅读更多
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/

分享到:
评论

相关推荐

    js调试工具-blackbird

    我偶然在网上见到一个js调试工具-blackbird 我在开发过程中主要js操作是DOM元素获取和ajax服务器交互,使用blackbird做为操作结果输出已经足够。使用blackbird很简单: 只需要在文件开始引入: [removed][removed] &...

    Blackbird 无刷新弹出框(彻底替换JavaScript Alert窗口)

    Blackbird 无刷新弹出框(彻底替换JavaScript Alert窗口)。

    19个很有用的 JavaScript库推荐

    Blackbird: Open Source JavaScript Logging UtilityBlackbird 是一款非常酷的 JavaScript 调试工具,带有一个漂亮的界面显示和过滤调试信息。 Treesaver.jsTreesaver 是一个用于创建杂志布局的 JavaScript 框架。 ...

    19个很有用的JavaScript库强烈推荐

    1.Blackbird:OpenSourceJavaScriptLoggingUtilityBlackbird是一款非常酷的JavaScript调试工具,带有一个漂亮的界面显示和过滤调试信息。2.Treesaver.jsTreesaver是一个用于创建杂志布局的JavaScript框架。3.Bi

    黑鸟播放器(BlackBird-Player)-1.8.12.zip

    黑鸟播放器(BlackBird-Player)直播源工具,直播源获取,在线直播。。。。。。

    Blackbird 1.0 (适合Windows7的用户)

    BlackBird,走的是黑色系路线,给以金属质感,冷酷的风格。适用于Windows7 32位和64位系统。美化达人punkpablo的作品。 大家知道,微软官方Windows7主题包格式,以.themepack结尾,这种主题包下载下来双击就可使用...

    BlackBird Player

    BlackBird Player是一款非常好用的视频直播和视频播放集合一体的播放器,这款黑鸟播放器能够同步所有平台的直播数据,并且画质非常高,于此同时,黑鸟播放器支持自定义源设置,支持播放本地视频,是一款家庭看电影看...

    MT6589平台工具调试.docx

    MT6589平台工具调试。 打开Mt6589_CCT_tool文件夹,双击CCT6589V1.1313501_setup.exe进行安装。 PS:安装路径不要包含中文以及空格,否则会导致某些模块不可用。 二、CCT工具连接及使用: 1、确认config文件正确...

    achmiral-fpv-configuration:这是我的FPV配置设置

    ACHMIRAL FPV配置这是我的Flightone FalcoX备份存储库 四边形设置调音:Blackbird Low D FS5英寸自由泳设置4s 成分牌框架Rajawali Bouraq 5英寸足球俱乐部Flightone Revolt OSD Lite 退出Hobbywing XRotor Micro 60A...

    PyPI 官网下载 | ayx_blackbird-1.0.0a4.tar.gz

    资源来自pypi官网。 资源全名:ayx_blackbird-1.0.0a4.tar.gz

    单片机与DSP中的Atmel推出ASK/FSK收发器评估工具包 Wireless BlackBird

    该 Wireless BlackBird 工具包旨在展示 ATA542x 收发器系列卓越的射频性能,包括与 Atmel 的 ATmega3290 微控制器一起使用时的通信灵活性。 ATA542x (ATA5423/25/28/29) 系列是高度整合的超高频 (UHF) ...

    blackbird:黑鸟是一个像观察员的人

    目前(发送数据部分是可插入的,因此blackbird可以将数据发送到它之外) blackbird通过使用zabbix sender protocol将数据发送到您的zabbix服务器。 发送数据时: 中间件统计信息例如:nginx stub_status,内存缓存...

    Blackbird Comment System-开源

    一个简单的基于文件的注释系统,用HTML,javascript和PHP编写。

    merlin.js:用于Merlin搜索JavaScript库

    梅林 JavaScript 库 这是用于 Merlin 搜索的 JavaScript 库。 安装 节点(也兼容 browserify/webpack) npm install merlin.js var Blackbird = require ( 'merlin.js' ) ; 浏览器 &lt; script src =" merlin.js ...

    BlackBird:不和谐机器人

    黑鸟 Discord Bot(Black Bird Bot)这是一个在您的语音通道中尖叫的Discord机器人

    BlackBird-Player.7z

    一款可以在线看电视的播放器

    展讯平台Camera tuning总结.pdf

    1.1 展讯新算法中关于调试环境选择: (1) Common:当不符合出 common 以外的环境判定条件时,使用改组参数; 一般的,LSC/CMC/AWB 包含 common 参数; (2) Lowlight:灯箱调试使用 T 光 50 LUX 环境; (3) ...

    BlackBird Inspector-crx插件

    BlackBird Inspector Chrome扩展程序 BlackBird Inspector帮助亚马逊卖家找出亚马逊上的最佳销售机会。 它显示了产品潜力的统计数据,例如销售数量,估计收入,每个产品的评论数量和评级等...这可以帮助亚马逊卖家...

Global site tag (gtag.js) - Google Analytics