category
サイト構築 -JavaScript

[Bookmarklet]ページで使用しているCSSのセレクタを表示するブックマークレット

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

MRIは、クリックした箇所のCSSのセレクタの表示や指定したセレクタの箇所をハイライト表示するブックマークレットです。

MRIでセレクタを表示しているキャプチャ

MRI :: for web developers

MRIには2種類の機能があり、一つはクリックした箇所のCSSでのセレクタを表示します。
例えば、body箇所だと「body, html body, html>body」のように表示されます。

もう一つは、テキスト入力欄にセレクタを入力するとその箇所をハイライト表示します。
また、これら2つを組み合わせると、どのセレクタにスタイルシートの指定を記述するか明確に分かります。

同作者のブックマークレットには、スタイルシートの指定を表示する「XRAY」もあります。

XRAYでスタイルシートの指定を表示しているキャプチャ

XRAY

Post on:2007年10月23日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS