概要
任意のページで CSS を検査。一致したルール、計算済みスタイル、SCSS、Tailwind、JSX を表示します。
任意の要素にホバー。CSS を表示。コピー。それだけです。 CSS Viewer は、任意のページの任意の要素に適用されているスタイルを正確に表示します。DevTools パネルを掘り起こしたり、スタイルシートを探し回ったりする必要はありません。何かを指すだけで CSS が手に入ります。 機能 • 一致した CSS ルール — 要素に適用されるすべてのルールを、詳細度順に表示。上書きされたプロパティは取り消し線で表示され、実際に有効なものがわかります。 • 計算済みスタイル — 各プロパティの最終的に解決された値。ブラウザが実際にレンダリングしているもの。 • パススルーモード — Alt を押しながら(またはアイコンを切り替えて)ページと通常通り操作 — ホバー状態、ドロップダウン、モーダルの検査に便利。 • ワンクリックコピー — 任意の要素をクリックして、現在表示中のフォーマットでスタイルをコピー。 Pro • SCSS、Tailwind、JSX 出力 — 任意の要素の CSS を、実際に使用するフォーマットに変換。SCSS はネストを保持、Tailwind はユーティリティクラスを提供、JSX はインラインスタイルオブジェクトを出力。 • 要素ポップオーバーをピン留め — スペースキーを押して現在のポップオーバーをその場にピン留め。ドラッグ、リサイズ、スクロール。並べて比較するために、好きなだけピン留め。 • 任意のプロパティをトレース — ピン留めしたポップオーバーで、プロパティ行の横の照準をクリック。ページ上で同じ値を使用するすべての要素が点灯。複数のピン間でフィルタを組み合わせて AND マッチング。 使い方 1. CSS Viewer アイコンをクリックするか、Alt+Shift+C を押す 2. 要素にホバーして CSS を確認 3. 下部のドックで出力フォーマットを切り替え 4. 要素をクリックしてスタイルをコピー 5. スペースキーを押してポップオーバーをピン留め 詳細 • 任意のウェブサイトで動作 • ライト・ダークモード(システム設定に追従) • キーボードショートカット: Alt+Shift+C(カスタマイズ可能) • 軽量 — 起動時のみ実行 • データ収集なし、アナリティクスなし、トラッキングなし • すべての処理はブラウザ内でローカルに実行
詳細
プライバシー
CSS Viewer - 任意の要素の CSS を検査してコピー から、お客様のデータの収集と使用に関する以下の情報が開示されています。 詳しくは、デベロッパーの privacy policy をご確認ください。
CSS Viewer - 任意の要素の CSS を検査してコピー は次を扱います。
このデベロッパーは、お客様のデータについて以下を宣言しています
- 承認されている以外の用途で第三者に販売しないこと
- アイテムの中心機能と関係のない目的で使用または転送しないこと
- 信用力を判断する目的または融資目的で使用または転送しないこと
