Visual Inspector(前端重构+視覚觉走查辅助工具) i

説明：

OffiDocs Chromium online を使用して、Chrome オンライン Web ストア拡張機能 Visual Inspector (前端重构+視覚觉走查辅助工具) を実行します。

## Visual Inspector > これは、フロントエンドエンジニアとデザイナーがデザインモックアップと Web ページの違いをすばやく見つけられるようにする Chrome プラグインです。

フロントエンドエンジニアのUI自己検査も可能になり、デザイナーとのコミュニケーションコストも削減されます。

> デザイン原稿の「サイズ」、「位置」、「透明度」、「ミックスモード」を自由に変更でき、さまざまなデザインスタイルのUI比較が容易になります。

> ページリファクタリングを行っている場合、リアルタイム機能により、ページ更新後にページ更新前の状態（サイズ、位置、透明度など）に簡単に復元できます。

設計案の）。

> 同時に、ストレッチ デザインを移動する必要がない場合は、フリーズ機能を開くことをお勧めします。これにより、デザインはマウス イベントに反応しなくなり、ストレッチやドラッグができなくなり、ページ自体のインタラクティブ機能に影響を与えなくなります。

> よく使用するコマンドのショートカットをプリセットして、操作や比較を簡単にします。 ### 新バージョン(1.

3.

9+) 定規を削除しました。

この機能が必要な方は、[better ruler](https://chrome.

グーグル。

com/webstore/detail/better-ruler/ilcnadaaninblgbekoaihdhoiecaflie) は、要素のスナップをサポートしています。

### ショートカット キー: - h: モックアップを表示または非表示 - f: 下部のツールバーを表示または非表示 - d: モックアップを固定または固定解除 - 数字キー (0 ～ 9): モックアップの透明度をすばやく設定します。

たとえば、5 秒間に 1 を 55 回押すと、モックアップの透明度は XNUMX% に設定されます。

1 秒間に 5 などの数字キーを 0 回だけ押すと、50 秒後に自動的に XNUMX が入力され、モックアップの透明度が XNUMX% に設定されます。

- 矢印キー: モックアップを移動します。一度に 1 ピクセルずつ移動します。

Shift キーを同時に押すと、10 ピクセルずつ移動します。

- クイック適応: - alt + 0: リセット - alt + 1: 元の画像サイズ - alt + 2: 元のサイズ *2 - alt + 3: 元のサイズ /2 - alt + 4: ウィンドウの幅 - ショートカットが機能しない場合は、現在のページのフォーカスが他のフォームコントロール (入力、テキストエリアなど) 内にあるかどうかを確認してください。

.

.

)? 最も簡単な方法は、モックアップをクリックするか、ページの空白領域をクリックしてもう一度試すことです :)

追加情報：

- ポール提供
- 平均評価 : 4.5 つ星 (とても気に入りました)
-開発者 このメールアドレスは、スパムロボットから保護されています。 アドレスを確認するにはJavaScriptを有効にする必要があります。

Visual Inspector(フロントエンド重构+視覚觉走查辅助工具) Web 拡張機能は、OffiDocs Chromium online と統合されました