タグの領域のクリックすると「高さ」と「幅」をはかってくれるjavascript

な～んてものがあったら、CSSとかでサイト組むときなどに便利なんじゃないかなー、と前々から思っていたので、ちょっと作ってみました。

widthとpaddingとborderなどをつかったときに、IEとFirefoxで、幅がちがってきたりするので、なんか崩れてるけどなんでだろうーってときなんかに、ポチッとクリックしてみて、幅がブラウザによって、数ピクセル違った場合など、すぐに原因がわかるので便利かなーと思いました。

でも、もうだいたいCSSで組むのに慣れてる人は、そんなに必要ないかもしれないですけどね！

ちなみに「jquery」も必要です。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/value.js"></script>

上のように、先にjquery.js、後にvalue.jsを記入してください。それだけでＯＫです！

幅以外にも、「margin」、「padding」、「line-height」、「background-color」、「font-size」を表示できるようにしてあります！

ブラウザによって、font-sizeなどバグ？があるようで、記述がおかしい場合などがありますが、とりあえずいれておいてます。

コメント : 1

kame : 2009年08月10日 (月) 20:13: ブックマークレット化できたら便利かなぁーって思ったんですが、いろいろ試してみたけど、うまくいきませんでした・・。jqueryを使ってるからかなぁ・・。ｸｿｰ。

http://develo.org/mt/mt-tb.cgi/61