Playwright – FullPage指定のスクリーンショット撮影で意図しないマウスオーバー効果・ブラウザサイズ変更が起こってしまう

Posted at 2024-04-05

Playwrightの操作動画を記録してみて分かったのだが、Playwright は fullPage のスクリーンショット撮影の時、ブラウザサイズを変更することでスクリーンショット撮影を実現してそうな気がする

このため

という現象が起きていそうだった

カーソル位置の問題に関しては、スクリーンショット撮影前にカーソル位置を左上に移動させておくことで、問題を抑止しやすくなるかもしれない

await page.mouse.move(0, 0)

await page.screenshot({
  path: `foo.png`,
  fullPage: true,
})

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。