say "hello" to Blackbird

Blackbird 是一個蠻容易使用的 logging 工具.

首先在網頁上放入 .js 與 .css 這兩個檔案:

<script type="text/javascript" src="/PATH/TO/blackbird.js"></script> <link type="text/css" rel="Stylesheet" href="/PATH/TO/blackbird.css" />
使用方法(每個項目都可以點擊看效果):

• - 隱藏/顯示 Blackbird
• - 左上, 右上, 左下, 右下 Blackbird 依序移動到四個位置
• - 放大/縮小 Blackbird
• - 清除 Blackbird 內容
• - 新增 debug 訊息
• - 新增 info 訊息
• - 新增 warn 訊息
• - 新增 error 訊息
• - 開始/結束 time profiler

另外還提供了三個熱鍵來控制:

• Hide/show: F2
• Move: Shift + F2
• Clear: Alt + Shift + F2

Demo 1: Output all message types
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'); (記得按F2把Blackbird顯示出來)

Demo 2: Collect and show local anchors
log.profile( 'local anchors' ); var anchors = document.getElementsByTagName( 'A' ); for ( var i = 0; i < anchors.length; i++ ) { if ( anchors[ i ].name ) { log.debug( anchors[ i ].name ); } } log.profile( 'local anchors' ); (記得按F2把Blackbird顯示出來)