Last updated at
warning
この記事は最終更新から3年以上経っています。情報が古くなっている可能性が高いです。
HeadlessなChromeをRemote Debugging Protocol経由で操作してスクリーンショットを撮っていたらバグに遭遇した。
ページ全体のスクリーンショットをとった際に、一部サイトのレイアウトがおかしくなる。
サイト内CSSでvh
を使っている場合、それがスクリーンショット範囲(クリップ領域)の高さで計算される為、その要素の高さがおかしくなる(ページコンテンツの総高さに引っ張られる)。
特にサイトのメインコンテンツを100vh
とかで指定している場合は顕著。
公式にバグ報告が上がっているので祈りながら待つしかない...
https://bugs.chromium.org/p/chromium/issues/detail?id=761136