忍者ブログ

Home > > consolet:チープなJavaScriptコンソールを表示するブックマークレット

[PR]

  • 2017-07-27

Share on Tumblr このエントリーをはてなブックマークに追加

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Comments:

Trackback+Pingback:

Listed below are links to weblogs that reference
[PR] from Born Neet

Home > > consolet:チープなJavaScriptコンソールを表示するブックマークレット

Home > bookmarklet > consolet:チープなJavaScriptコンソールを表示するブックマークレット

consolet:チープなJavaScriptコンソールを表示するブックマークレット

Share on Tumblr このエントリーをはてなブックマークに追加

車輪の再生産な匂いがしまくりですが、作ってみました。
どうしても必要だったので…。

これです!

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';
PR

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
Listed below are links to weblogs that reference
consolet:チープなJavaScriptコンソールを表示するブックマークレット from Born Neet

Home > bookmarklet > consolet:チープなJavaScriptコンソールを表示するブックマークレット

Search
Loading
Feeds
Links
スポンサードリンク
Ad
デル株式会社
Ad

Page Top