キャプチャはサイトの JS が書き込んだインライン style の px 座標をそのまま保存する。 再現時はサイトの JS が動かないため、キャプチャ時と異なる画面幅で開くと、 アンカー要素だけがリフローで移動し、ポッパーやビューアが元の位置に取り残される。 各ページはキャプチャ時の幅(例: 1440px)と再現時の幅(例: 1024px / 固定幅 1920px)を変えて確認する。 各ページには再配置してはいけない「対照」要素も置いてあり、誤検出がないことも確認する。
| ページ | 焼き付くもの | アンカーの手がかり |
|---|---|---|
| floating_popper.html |
body 直下の開いたポッパー(A1: translate3d(var(--x), var(--y), 0) /
A2: translate3d(Xpx, Ypx, 0px) / A3: left・top の px)
|
A1: aria-controls / A2: aria-describedby / A3: なし(キャプチャ時 rect の幾何関係のみ) |
| fixed_pane_viewer.html |
body 直下の position: fixed ビューア(B1: left/top/width/height の px)と
position: absolute ツールバー(B2: left/top の px)
|
なし(重ねる先のペイン / ヘッダー行とのキャプチャ時 rect の幾何関係のみ) |