Chrome DevToolsには「Capture full size screenshot」があり、単発のスクショには便利です。
ただ、頻繁に使う・長いページや動的ページが多い場合は、Llibenの方が安定しやすく、ワークフローもスムーズです。
要点
- シンプルなページで一度だけなら DevTools。
- 継続的な作業や、編集/書き出し/PDFまで含むなら 拡張機能 が強い。
Chrome DevTools(内蔵の方法)
向いている用途:
- シンプルなページの単発スクショ
- 何もインストールしたくないとき
使い方:
- DevToolsを開く(
F12またはCmd+Option+I) - コマンドメニュー(
Cmd+Shift+P)を開く screenshotを検索 → Capture full size screenshot
ぶつかりやすい制限:
- キャプチャ後の編集(切り抜き/注釈/手順番号)がない
- 動的ページで不安定(lazy-load、無限スクロール)
- 超縦長ではピクセル上限に縛られる
Lliben(キャプチャ→編集→書き出しのため)
向いている用途:
- 安定したページ全体/スクロールキャプチャ
- メニュー/ホバー状態の撮影(遅延ワークフロー)
- PDF(A4/Letter/Custom)、PNG、JPGでの書き出し
- 注釈と 手順番号(Steps) の追加(Lliben Capture)
結局どっち?
- DevTools:シンプルなページを素早く1枚。
- Lliben:繰り返し使う、書き出しや資料化まで含めたい、失敗を減らしたい。
関連: