Tailwind CSS メディアクエリインスペクター:現在のブレークポイントを簡単に追跡する
Tailwind CSS Media Query Inspectorは、OwenMelbourne.comによって開発された無料のChrome拡張機能です。これはブラウザのカテゴリに属し、アドオン&ツールのサブカテゴリとして分類されています。この便利なツールは、ユーザーが現在どのブレークポイントにいるかを簡単に確認できるようにするため、UIを混乱させることなく使用することができます。
この拡張機能は、現在のメディアクエリを表示するシンプルなアイコンをChromeのツールバーに追加します。デフォルトでは、TailwindCSSのメディアクエリが付属していますが、拡張機能から好きなだけメディアクエリルールを設定する柔軟性があります。
なお、この拡張機能はウェブサイトのCSSを解析しようとはしません。代わりに、入力したメディアクエリを単純に監視します。将来のV2バージョンでは、ドメインごとに異なるメディアクエリを設定できるようになり、さらなるカスタマイズオプションが提供されます。