インストールと起動
Chrome Web Storeで「Chromeに追加」を押します。追加後、確認したいページを開きます。
ツールバーの拡張アイコンを押すとサイドパネルが開きます。画面右側に一覧と結果が表示され、対象ページを見ながら操作できます。
モードを開くと自動でページをスキャンします。開始ボタンはありません。ページを操作したあとに取り直したいときは「再スキャン」を押します。
パネル上部に、どのページをスキャンした結果かを表示します。表示中のページと結果のページが食い違っている場合は警告が出ます。ページ内アンカーの移動だけでは警告になりません。
モードの切り替え
「① リンク一覧」「② 検品」「③ 計測チェック」をタブで切り替えます。既定は ① です。それぞれ見せる情報を絞ってあり、全部を同時には出しません。
最後に使っていたモードは保存され、次に開いたときも同じモードから始まります。
タブにマウスを乗せると、そのモードの目的と対象者が出ます。パネル上部の補足からは、そのモードで何ができるかの詳細を確認できます。
ページ上のオーバーレイ
既定の状態です。ページの見た目を変えません。
内部を緑、外部を赤、別サブドメインを橙、ダウンロードとmailtoを青で塗り分けます。どこから外へ出ていく導線かが一目で分かります。
サイト外へ出ていくリンクを強調します。回遊の設計を見直すときに使います。
③ を開くと自動でONになります。フックのある要素を緑、ない要素を赤で塗ります。