それすぐ実行!JavaScript!
思った JavaScript はすぐに実行してみましょう!
ブラウザの URL 入力欄に
javascript:(function() { /*実行したいコードを書く*/ })()
FireBug を使ってる人は、コンソール開いて実行したいコードを書く。
たとえばこんなことができます。
これらの例は僕が日頃使っているものです。
グローバルで使える関数を列挙する(Firefox Only)
for(var n in window) if(typeof window[n]=='function')console.log(n);
- URL用
javascript:(function(){var b='';for(var n in window)if(typeof window[n]=='function')b+=n+"\n";alert(b)})()
Object.prototype の汚染を調べる
for(var n in {})console.log(n);
- URL用
javascript:(function(){var b='';for(var n in {})b+=n+"\n"; alert(b)})()
このオブジェクトってどんなだっけ?って思ったとき(Firefox Only)
console.log(obj.toSource());
- URL用
javascript:(function(){alert(obj.toSource())})()
イベントがバブリングするかテストする
以下を実行したあとに実際にイベントを発生させてみる。
document.onchange=function(){alert('changeイベントはバブリングするよ')};
- URL用
javascript:(function(){document.onchange=function(){alert('changeイベントはバブリングするよ')};})()
スクリプト読み込んでも大丈夫?
var s=document.createElement('script');s.src='hoge.js';document.body.appendChild(s)
- URL用
javascript:(function(){var s=document.createElement('script');s.src='hoge.js';document.body.appendChild(s)})()
ページのチェックボックスを全て選択(無駄にFirefox Only)
Array.prototype.forEach.call(document.getElementsByTagName('input'),function(e){if(e.type=='checkbox')e.checked=true;});
- URL用
javascript:(function(){Array.prototype.forEach.call(document.getElementsByTagName('input'),function(e){if(e.type=='checkbox')e.checked=true;});})()
などなど!可能性は無限大!
ぜひ、思ったことは即 JavaScript で実行しちゃいましょう。そこにブラウザがある限り!