Design Drift Auditor の基本的な使い方
調べたいページを開き、ツールバーのアイコンを押すだけで、そのページのデザインのばらつきを一覧にします。
手順
- 調べたいページを開く
- ツールバーの Design Drift Auditor のアイコンを押す
- サイドパネルに結果が表示される
- 指摘をクリックすると、そのページ上の該当箇所がハイライトされる（DOM は変更しません）
結果の見かた
| 表示 | 内容 |
|---|---|
| 指摘一覧 | 検出したばらつきを種類ごとにまとめたもの |
| トークン | 実際に使われている色・フォント・余白の集計 |
| 要素の詳細 | 指摘のもとになった要素と、その計算済みスタイル |
書き出し
結果は JSON / CSV / HTML で書き出せます。いずれも端末内で生成され、外部へ送信されません。
揃っているページではどう見えるか
