Tailwind CSS Media Query Inspector Google Chrome向けのアプリ

Tailwind CSS メディアクエリインスペクター：現在のブレークポイントを簡単に追跡する

Tailwind CSS Media Query Inspectorは、OwenMelbourne.comによって開発された無料のChrome拡張機能です。これはブラウザのカテゴリに属し、アドオン＆ツールのサブカテゴリとして分類されています。この便利なツールは、ユーザーが現在どのブレークポイントにいるかを簡単に確認できるようにするため、UIを混乱させることなく使用することができます。

この拡張機能は、現在のメディアクエリを表示するシンプルなアイコンをChromeのツールバーに追加します。デフォルトでは、TailwindCSSのメディアクエリが付属していますが、拡張機能から好きなだけメディアクエリルールを設定する柔軟性があります。

なお、この拡張機能はウェブサイトのCSSを解析しようとはしません。代わりに、入力したメディアクエリを単純に監視します。将来のV2バージョンでは、ドメインごとに異なるメディアクエリを設定できるようになり、さらなるカスタマイズオプションが提供されます。