Playwrightが使えなかったので、手動で全ページのスクリーンショットを効率よく取った話

背景

仕様書作成のため、プロジェクトの全ページをPC・SP両方でキャプチャする必要があった。
Playwrightで自動化を試みたが上手くいかず、手動で取得することにした。

方法

PC（フルページ）

Chrome拡張の Screen Capture を使用。

Chrome url表示欄

スマートフォン（フルページ）

1. Chrome DevToolsでSPサイズに切り替える
2. 「フルサイズのスクリーンショットをキャプチャ」を実行

複数画像の確認を効率化

Finderで該当フォルダを開き、PNGファイルを選択してスペースを押すと、プレビューで開くことができる。
上下キーでファイルを切り替えられるため、開き直す手間がなく快適に確認できた。

まとめ

自動化にこだわらず手動に切り替えたところ、思ったより短時間で完了した。

参考情報

GoFullPage - Full Page Screen Capture
https://chromewebstore.google.com/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl?hl=ja