Firebug Liteの表示非表示をEscキーで切り替える

JavaScript jQuery

includeAndRun pluginを使う。
これと↓のjsファイルをてきとーに作ってHTMLの中でscriptタグで読み込んでやる。

$(function(){

$.includeAndRun('http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js',function(){
	firebug.init();
	firebug.win.close();
	var eventName = 'keypress.firebug-lite-toggle';
	$($.browser.msie ? document.body : window)
		.bind(eventName,function(e){
			if(e.keyCode == 27){
				var isFireBugLiteOpened = !!$('#Firebug').size();
				if(isFireBugLiteOpened){
					firebug.win.close();
				}else{
					firebug.init();
				}
			}
		});
});

});

いろいろ試行錯誤した結論

  • Operaの場合は9.5のDragonflyを使ったほうがいい
  • IEの場合はIE Developer Toolbarを使ったほうがいい
  • 当然Firefoxの場合はLiteじゃないFirebugを使ったほうがいい