CSS Spacing Inspector Google Chrome向けのアプリ

CSSのスペーシングを簡単に視覚化する

CSS Spacing Inspectorは、ウェブ開発者、デザイナー、QAエンジニアのために設計された無料のChrome拡張機能で、ウェブページ上の任意の要素の間隔を視覚化します。要素にマウスを乗せるだけで、ユーザーはマージン、パディング、ギャップを示す色分けされたオーバーレイを瞬時に見ることができ、ピクセル値も表示されます。このツールはDevToolsを通じてナビゲートする必要を排除し、ページ上で直接レイアウトの間隔を分析するための迅速かつ効率的な方法を提供します。

最もおすすめの代替ソフト

Dark runD

無料

4

主な機能には、検査を切り替えるためのカスタマイズ可能な設定、ピクセルラベルの表示または非表示、兄弟要素間の間隔の異常を特定するための不整合検出の有効化が含まれています。この拡張機能は、60fpsでオーバーレイをレンダリングし、データ収集やネットワークリクエストなしでローカル計算を保証するという印象的なパフォーマンスで動作します。CSS Spacing Inspectorは、ウェブデザインにおける間隔を理解し、検証したいすべての人に最適です。