JavaScriptを,その場ですぐ実行するためのブックマークレット
Web上で見つけたJavaScriptのコードを,その場ですぐに動かしてみたい時に。
javascript:(function(){var%20w=window.open('','w_code', 'width=280,height=220,resizable=no,scrollbars=no,status=no'); w.document.body.innerHTML='<textarea%20id=t%20cols=30%20rows=8> </textarea><br><input%20type=button%20onclick=try{eval(t.value )}catch(e){alert(e)}%20value=eval>';})();
(↑1行につなげてブックマーク)
整形:
javascript:(function(){ var w = window.open( '', 'w_code', 'width=280,height=220,resizable=no,' + 'scrollbars=no,status=no' ); w.document.body.innerHTML = '<textarea id=t cols=30 rows=8>' + '</textarea>' + '<br>' + '<input type=button' + ' onclick=try{eval(t.value)}catch(e){alert(e)} value=eval>' ; })();
確かめてみたいコードを見つけたら,
- このブックマークレットを開いて
- 実行窓にコードをコピペして
- 実行ボタンを押せばよい。
いちいちHTMLを準備したり,ブラウザに javascript:(function(){alert(〜)})(); と入力したりしないで済む。
例外処理もしてくれて,なかなか便利。IE/Firefoxに対応。
なお下記サイトに上位版がある。
選択したテキストをJavaScriptのコードとして実行するブックマークレット
http://shinshu.fm/MHz/14.30/archives/...
しかし,こちらはたまに動作しないようだ。
おまけ
下記は,メモスペースを開くだけのブックマークレット。
javascript:(function(){w=window.open('','_blank', 'width=300,height=300,status=no,location=no'); t=w.document.createElement('textarea'); t.cols=34;t.rows=13; w.document.documentElement.appendChild(t);})();void(0);
あと,はてブ用のブックマークレットは下記から手に入る。
(危険性も指摘されているが)
今見ているページをブックマークするためのブックマークレット
http://b.hatena.ne.jp/register
ちなみに上のページは,「はてなブックマーク ブックマークレット」などでいくら検索しても出てこない。なので,環境が変わるたびに探すのに困る。
下記も便利。
画面上にHTMLのidやclassを表示するブックマークレット