js调试工具-blackbird

BlackBird

在js开发的调试过程中,如果仅仅是监视当前语句的运行结果，那么除了使用ff+firebug 或者ie+ie debugger，第三个选择我想绝大多数人会使用alert。我偶然在网上见到一个js调试工具-blackbird（http://blackbirdjs.googlecode.com http://www.gscottolson.com/blackbirdjs ）。我在开发过程中主要js操作是DOM元素获取和ajax服务器交互，使用blackbird做为操作结果输出已经足够。使用blackbird很简单：

只需要在文件开始引入：

<script type="text/javascript" src="blackbird.js"></script>

<link type="text/css" href="blackbird.css" rel="stylesheet" />

即可。运行结果如图：

注：黑色部分为blackbird的控制台。

blackbird主要有如下特征（官方网站翻译）：

工具函数:

log.clear():清除控制台中输出的日志。

log.move():移动控制台位置。

log.toggle():显示/隐藏控制台。

log.resize():重置控制台的尺寸。

日志级别：

log.profile(message):对同一句话如果2次使用log.profile()标示，那么表示从第一次log.profile()到第二次log.profile()这段代码总共运行的时间。

log.debug():以debug级别输出信息

log.info():以info级别输出信息

log.warning():以warning级别输出信息

log.error():以error级别输出信息

在blackbird中日志级别profile, debug, info, warning, error只要是为了实现控制台日志的过滤。

日志过滤：

单击：表示隐藏控制台中的debug/info/warning/error/profile 级别信息。

ALT + 单击：控制台中只显示 debug/info/warning/error/profile 级别的信息

快捷键：

F2：显示/隐藏控制台。

shift+F2：移动控制台。

命名空间：

在blackbird中，log是全局变量，如果配合其他的js框架中，有可能出现log变量命名冲突。解决办法：

使用 var NAMESPACE=’blackbirdLog’ 重新设置blackbird的全局变量，那么调用方法应为：blackbirdLog.debug(message);

取消blackbird日志：

在正式环境中，需要取消blackbird日志显示，不可能在页面中一一把每个blackbird引用都删除掉。那么就需要修改blackbird.js：

var log = {

toggle: function() {},

move: function() {},

resize: function() {},

clear: function() {},

debug: function() {},

info: function() {},

warn: function() {},

error: function() {},

profile: function() {}

};

示例下载如下：

点击下载（代码中包含blackbirdjs源码）

js调试工具-blackbird相关推荐

非常酷的 Javascript 简单调试工具Blackbird
Blackbird 是一个开源的 Javascript 调试工具,默认提供一种非常酷的方式展现 Javascript 调试信息,如下图,效果如何呢? 在我们的日常的学习或工作中,经常都会接触到 Jav ...
IE下的优秀js调试工具Companion.JS
做web开发的朋友都清楚,js程序的调试是相当郁闷的,因为首先这种语言语法比较灵活,它是一种弱类型的脚本语言,很多错误是无法控制的,这些不谈,最痛苦的是没有什么好的调试工具,现在的情况比以前稍好,在M ...
我的第一个JS组件-跨浏览器JS调试工具
武汉九天鸟-p2p网贷系统开发-互联网应用软件开发公司官网:http://jiutianniao.com 社交问答:http://ask.jiutianniao.com 最近,在看公司一个JS大 ...
js移动端调试控制台_移动端js调试工具：eruda
通常写前端页面都在Chrome浏览器的开发模式下进行调试,但是写放在移动端的H5页面时,有时候会遇到在Chrome上调试没有问题,但是在手机的浏览器上有问题的情况:或者有些功能只能在特定的容器中才能其 ...
javascript调试工具:Blackbird !say hello to Blackbird and goodbye to alert().
平时调试JS的时候,需要大量使用alert语句,不仅效率不高,而且老弹确认窗口,让人觉得不悦.今天在网上找文章看的时候发现了一个很酷的javascript:Blackbird ,去了他的官方转转,看看 ...
android js调试工具,鬼鬼JS调试工具
鬼鬼JS调试工具是一款非常实用的JS调试软件,这里带给大家最新版本,新增了一些解密等功能,对于JS调试工作者或者感兴趣的朋友提供稳定和强大的调试支持.鬼鬼JS调试工具具有直观的界面设计,功能十分全面, ...
取代浏览器插件调试，VS Code 整合 JS 调试工具
整理 | 孙胜最近,Microsoft Edge 官博宣布,JavaScript 调试现已内置到 Visual Studio Code 代码中,因此不需再次使用浏览器调试. 调试.js程序,无需安装 ...
取代浏览器插件调试，VS Code 整合JS 调试工具
最近,Microsoft Edge 团队发表一篇博客,JavaScript 调试现已内置到 Visual Studio Code 代码中,因此不需再次使用浏览器调试. 调试.js程序,无需安装任何扩展 ...
发条js调试工具_小工具大帮手，利用 @open-node/antman 实现 node.js 进程线上调试，无须重启...
@open-node/antman 窥探进程内部,让 Node.js 生产环境线上调试成为可能解决了什么问题? 日常在开发服务端代码,很多是服务类型的,比如基于http的api,或者一些任务脚本,需 ...

js调试工具-blackbird

js调试工具-blackbird相关推荐

最新文章

热门文章