Tweet
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
- Newer: ブックマークレットを短くする方法
- Older: bookmarkletterをかなり久々にいじった
Home > > consolet:チープなJavaScriptコンソールを表示するブックマークレット
Tweet
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
Home > > consolet:チープなJavaScriptコンソールを表示するブックマークレット
Home > bookmarklet > consolet:チープなJavaScriptコンソールを表示するブックマークレット
Tweet
車輪の再生産な匂いがしまくりですが、作ってみました。
どうしても必要だったので…。
これです!
consolet
(bookmarkletted by bookmarkletter.)
実行すると、
みたいなのを表示します。
で、
runをクリックするとtextarea内のJavaScriptを実行します。
(単にevalするだけなので、エラーとかはそのままブラウザに行っちゃいます。
エラーが出た時はエラーって言って欲しいのであえてtry~catchしてません。)
srcをクリックすると現在のソース(HTML)をtextareaに表示します。
(スクリプトで加えた変更とかも反映されたソースのはずです。
headとbodyの中身だけですが…)
closeをクリックするとコンソール(自分自身)を消します。
復活はしないので、使いたい時はもう一度ブックマークレットを実行してください。
機能はこれだけです。
チープなんです。
Firebugとかがない時に、JS実行したり、今のhtml見たいときなんかに使えるかもしれません。
使いにくい場合はカスタマイズしてどうぞ。
style等に無駄な記述があるので、その辺減らせばまだコード足せると思います。
作り始めた時は、500文字程度に収めるのきついなぁとか思ってましたが、
(かなり!)頑張れば意外と収まるもんですね。
なんとか506文字で完成しました。
その他に苦戦したのは、fixed周り(表示位置指定)。
とりあえず、
● IE6以下・IE7互換モード … 右上(ページ最上部)にabsolute
● IE以外・IE7標準モード … 右下にfixed
で落ち着きました。
IE…相変わらずだなぁ(-_-;)
いやぁ久々にプログラミングしたって感じがしました。
予想してたより苦労しましたが、いろいろ勉強になってよかったです。
これ関連で2、3個エントリが稼げそう^^
var d=document,
b=d.body,
c='appendChild',
e='createElement',
a,
p=b[c](d[e]('div')),
t=p[c](d[e]('textarea')),
f={
run:function(){eval(t.value);},
src:function(){t.value=b.parentNode.innerHTML;},
close:function(){b.removeChild(p);}
};
p[c](d[e]('br'));
for(i in f){
a=d[e]('input');
a.type='button';
p[c](a);
a.value=i;
a.onclick=f[i];
}
t.cols=50;
t.rows=6;
p.style.cssText=
'border:2px solid #999;background:#ddd;padding:15px;position:fixed;_position:absolute;bottom:0;_top:0;right:0;z-index:99999';
Home > bookmarklet > consolet:チープなJavaScriptコンソールを表示するブックマークレット