読者です 読者をやめる 読者になる 読者になる

愛と勇気と缶ビール

ふしぎとぼくらはなにをしたらよいか

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