レイアウト破綻の検査
layout_checkRender HTML in a headless browser to detect layout defects: text overlap, overflow, horizontal scroll, placeholder leftovers, broken references. No baseline needed.
Instructions
HTMLをレンダリングしてレイアウトの破綻を検出する。検査専用でファイルは変更しない。
比較用のベースライン画像は不要。DOMの座標と文字の描画矩形を実測するため、 「どの要素が何ピクセルはみ出しているか」が数値で返る。
検出: 文字の重なり / 画面外や親からのはみ出し / overflow:hidden による切り捨て / 横スクロールの発生 / undefined・{{name}} 等の未展開 / 参照切れ / id重複 / 不可視テキスト
引数:
html | path | url のいずれか1つ(必須)
viewport (必須): { width, height }。幅で結果が変わるため既定値なし
checks (任意): 検査の絞り込み。既定は element-collision 以外すべて
format (任意): "text"(既定)または "json" その他: minOverlapPx, minOverlapArea, allowNetwork, executablePath, settleMs
戻り値: summary(pass, errors, warnings, infos)と findings の配列。 各所見は check / severity / verdict / elements(selector, text, rect)/ evidence / suggest を持つ。 verdict は "static"(確定)か "candidate"(座標上は検出、可視性は未判定)。
対象外: デザインの評価、コントラスト比などのアクセシビリティ検査、前回との差分比較。
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | No | 検査するページのURL(既定では localhost のみ) | |
| html | No | 検査するHTML文字列 | |
| path | No | 検査するHTMLファイルの絶対パス | |
| checks | No | 実行する検査。省略時は element-collision 以外 | |
| format | No | 出力形式(既定text) | |
| settleMs | No | 描画後の追加待機ms | |
| viewport | Yes | ビューポート(CSSピクセル)。スライドは1280x720、Webは1280x800が目安 | |
| allowNetwork | No | 外部通信を許可する(既定false) | |
| minOverlapPx | No | 重なりの最小幅(既定3) | |
| executablePath | No | 使用するChromiumのパス | |
| minOverlapArea | No | 重なりの最小面積px2(既定24) |