Firebugのinspect用hint, contenteditable hint

特定の要素をFirebugでinspectしたい時に、いちいちその要素をマウスでクリッコするのがめんどくさいからつくった。

" firebug inspect mode hint
js <<EOM
hints.addMode('i', 'firebug inspect hint', function(elem){
    Firebug.toggleBar(true);
    Firebug.chrome.select(elem);
}, function() '//*');
EOM

ここの動画 (http://updates.html5rocks.com/2011/09/7-minute-videos-Javascript-Console-Protips-newish-DOM-APIs) の人が、プレゼン中さりげにcontenteditableを使うのがカッコよかったのでつくった。

" contenteditable hint
js <<EOM
hints.addMode('e', 'contenteditable hint', function(elem){
    elem.setAttribute("contenteditable", true);
    elem.focus();
}, function() '//*');
EOM