Screen Ruler for Google Chrome
Screen Rulerは、ウェブ開発者やデザイナーがウェブページ上の任意の要素のサイズ、距離、マージンを測定するための完璧なツールです.
カテゴリーにリストされています:
デザインツールChrome拡張機能開発ツール
説明
スクリーンルーラーは、ウェブ開発者やデザイナーが任意のウェブページ上の要素のサイズ、距離、マージン、パディングを測定するために設計されたChrome拡張機能です。ユーザーは、要素にマウスをホバーさせるだけで、要素のサイズ、タグ名、ID、クラスに関する詳細情報を提供することで、ウェブサイトの実装を検証できます。
使い方 Screen Ruler for Google Chrome?
スクリーンルーラーを使用するには、拡張機能のアイコンをクリックするか、右クリックのコンテキストメニューを使用してアクティブにします。要素にマウスをホバーさせてサイズやプロパティを確認し、要素を選択して距離を測定し、サイドパネルで計算されたCSSにアクセスします。より簡単にアクセスできるようにキーボードショートカットをカスタマイズできます。
の主な機能 Screen Ruler for Google Chrome:
1️⃣
任意の要素のピクセルサイズを測定する
2️⃣
任意の2つの要素間のピクセル距離を測定する
3️⃣
HTMLタグ名、クラス名、IDを表示する
4️⃣
計算されたCSSにアクセスし、クリップボードにコピーする
5️⃣
キーボードショートカットをカスタマイズする
なぜ使用するのか Screen Ruler for Google Chrome?
| # | ユースケース | ステータス | |
|---|---|---|---|
| # 1 | ウェブ開発者は、要素のサイズや配置を確認することで、デザインの実装を検証できます。 | ✅ | |
| # 2 | デザイナーは、実装されたウェブページと比較することで、デザインのピクセル単位の正確さを確保できます。 | ✅ | |
| # 3 | 品質保証チームは、ウェブサイトが公開される前にレイアウトの問題や配置の問題を特定するためにこのツールを使用できます。 | ✅ | |
開発者 Screen Ruler for Google Chrome?
スクリーンルーラーは、ウェブ開発者やデザイナーのワークフローを向上させ、ウェブサイトの実装精度を改善するためのツールを作成することに焦点を当てた開発者Nontraderによって開発されました。