使い方ガイド

導入から、うまく撮れないときの対処までをまとめています。

導入手順

ソースコードからビルドして読み込みます。Node.js、pnpm、Git が必要です。

リポジトリを取得してビルドします。

git clone https://github.com/conte0745/Capt-Glab.git
cd Capt-Glab
pnpm install
pnpm build

Chromeで chrome://extensions を開きます。
右上の「デベロッパーモード」をオンにします。
「パッケージ化されていない拡張機能を読み込む」から、生成された dist フォルダを選びます。

基本操作

撮りたいページをタブに表示します。
ツールバーの CaptGrab のアイコンを押します。
アイコンの下に「撮影中…」と表示され、撮影が始まります。
「保存してコピーしました」と表示されると完了です。表示は約2秒で閉じます。

画像はブラウザのダウンロード先に screen-0001.png の形式で保存され、クリップボードにもコピーされます。動作は設定で変更できます。ショートカットキーは Alt + Shift + S です。

設定

アイコンを右クリックして「オプション」を選ぶと、設定画面が開きます。変更はすぐに保存されます。

撮影後の動作：ファイルに保存、クリップボードにコピー、別のタブで開く、から1つ以上選びます。
保存先：ダウンロードフォルダ内のフォルダ名を指定します。毎回保存先を選ぶこともできます。Chromeの制限で、ダウンロードフォルダの外を固定の保存先にはできません。
ビューポートのサイズ：現在の表示サイズか、指定したサイズで撮影します。サイズを指定すると、撮影中にページのレイアウトが一時的に変わります。幅だけを変えるので、スマートフォン専用の表示になるとは限りません。
ファイル名の連番：次のファイル名を確認し、番号をリセットできます。
ショートカットキー：Chromeの設定画面で変更できます。

制限事項

chrome:// などのブラウザ内部ページは撮影できません。
長いページは、画像の長辺が16,000pxに収まるよう縮小して保存します。縮小したときはその旨を表示します。
撮影範囲の横幅は表示中の幅までです。横にはみ出した部分は写りません。
スクロールして初めて読み込まれる画像は、読み込み前だと写らないことがあります。先にページを一度スクロールしてください。

よくある質問

「デバッグを開始しました」というバーが出ます。問題ありませんか？: デバッガ権限を使う拡張機能でChromeが表示する正常な動作です。バーは撮影後、数秒で消えます。バーが出ている間はページの表示が少し縮みますが、撮影結果には影響しません。
続けて撮影すると、時間がかかります。: 同じタブでは、前回の撮影から約6秒経つまで次の撮影を待ちます。バーの表示中はタブの高さが縮んでいるため、消えてから正しい高さで撮るようにしています。サイズを指定している場合は待ちません。
「クリップボードにコピーできませんでした」と出ます。: 撮影中に他の場所をクリックすると失敗することがあります。ファイルに保存する設定なら、画像はダウンロード先に保存されています。
「このページは撮影できません」と出ます。: chrome:// やChromeウェブストアなど、ブラウザが保護しているページは撮影できません。
「撮影できませんでした」と出ます。: 他の拡張機能がタブを操作している場合は、その処理が終わってからお試しください。それ以外の場合は、ページを読み込み直してからお試しください。
別のタブに表示した画像が消えました。: 表示用の画像は保存していないため、再読み込みすると消えます。残したいときは、画面の「ダウンロード」を押してください。
撮影した画像はどこかに送信されますか？: 送信しません。詳しくはプライバシーポリシーをご覧ください。

サポート

ご質問は captgrab@shiftonton.net までお問い合わせください。不具合の報告やご要望は GitHub Issues でも受け付けています。発生したページの種類とChromeのバージョンを添えていただくと、確認がスムーズです。