スポンサーリンク

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を表示するブックマークレット

http://webstreet.jp/javascript/bookma...