Screen Ruler
Screen Rulerは、ウェブ開発者やデザイナーにとって不可欠なツールであり、ウェブページ上の要素のサイズ、マージン、配置を測定および検証することができます.
カテゴリーにリストされています:
Chrome拡張機能デザインツール開発ツール
説明
スクリーンルーラーは、ウェブ開発者やデザイナーがウェブページ上の任意の要素のサイズ、距離、マージン、パディングを測定するために設計されたChrome拡張機能です。これにより、ユーザーはページ上の要素に関する詳細情報（タグ名、ID、クラスを含む）を提供することで、ウェブサイトの実装を検証できます。
使い方 Screen Ruler?
拡張機能アイコンをクリックするか、右クリックのコンテキストメニューから選択するか、ショートカットAlt/Option + Shift + Rを使用してスクリーンルーラーを切り替えます。要素にカーソルを合わせると、そのサイズとプロパティが表示され、要素を選択してそれらの間の距離を測定できます。
の主な機能 Screen Ruler:
1️⃣
任意の要素のピクセルサイズを測定する
2️⃣
任意の2つの要素間のピクセル距離を測定する
3️⃣
HTMLタグ名、クラス名、IDにアクセスする
4️⃣
ブラウザウィンドウに合わせてサイズが変更されるレスポンシブ選択
5️⃣
計算されたCSSをクリップボードにコピーする
なぜ使用するのか Screen Ruler?
| # | ユースケース | ステータス | |
|---|---|---|---|
| # 1 | ウェブ開発者がウェブサイトのレイアウトを検証する | ✅ | |
| # 2 | デザイナーがデザインのピクセルパーフェクトな実装を確保する | ✅ | |
| # 3 | 品質保証チームがウェブ要素の整列と間隔をチェックする | ✅ | |
開発者 Screen Ruler?
スクリーンルーラーは、ウェブ開発体験を向上させるツールの作成に焦点を当てた開発者Mr. Violetsによって開発されました。この拡張機能はGoogle Chromeでの安定性を考慮して設計されており、他のChromiumブラウザとも互換性があります。