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

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

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

MRI :: for web developers

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

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

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

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

XRAY

sponsors

top of page

©2024 coliss