HappyQuality

サイトのスタイルシートを組むときに重宝するFireBug。
でもこれに変わるものがIEには無くて困っていました。
DebugBarというツールを入れてはいるのですが、これがいかんせん使いにくい。
FireBugであれば「調査」ボタンをクリックすればあとはマウスカーソルで見たい要素をクリックするだけで、その部分のソースやスタイルシートを確認できるのですが、

FireBug

DebugBarではDOMから要素を探さがして確認しなければならないので面倒だし直感的に特定箇所のスタイルを把握できない問題がありました*¹ 。

DebugBar

IEでもFireBugみたいにマウスオーバーでスタイルチェックできたらいいのに…と思っていたらバシャログ。 | 横浜・馬車道で働くWEB制作スタッフのブログ。で見つけました！
その名もXRAY。

XRAY

このツールの素晴らしいところは

• ブックマークレットだから面倒なインストールは必要なし
• FireFoxでもIEでもSafariでもGoogle Chromeでも使えちゃう！
• position,border,margin,padding,floatの要素がひと目で確認できる！

とくに同じインターフェースのまま複数のブラウザで使えるってところがヤルなぁと。
フォントの情報も見れたら最高なんですけど、それでもXRAY素晴らしいです！

1. もしかして使い方を知らないだけかしら？ [↩]

▼この記事は役にたちましたか？

ツイート

▼このブログについて

• 運営者プロフィール

▼運営サイト

• 座右の銘.com

▼Advertisement

【Webサービスを作ろう！好評連載中！】
⇒ #1 挫折しないウェブサービス開発のための４つの心構え
Webサービス、Webアプリケーション開発に興味のある方は必見です！

【2月のイチオシ記事】
⇒ 社長になった私がお金にならないデータベースサイトを作った７つの理由

15