atomのプレビューをフルスクリーンでスクショしたいです。

Question

HTML/CSS/Bootstrapをatom上で使って、Webページを作っています。(Windowsユーザーです。)

ランディングページのように縦に長いページを、1枚のキャプチャにスクリーンショットできる方法があれば、教えていただきたいです。

（snipping toolなどのツールではスクロールができないため、画面に表示されている部分しか撮影できず、ランディングページを何枚もの写真に分割せざるを得ません。）

また、Google Chrome上にCSS含め、プレビューを表示させることは可能でしょうか？

Answer 1

atomのプレビューでできる方法はわかりませんが、
Chromeの拡張機能で、ページ全体をキャプチャできるものがあるようです
Chromeでウェブページ全体をキャプチャできる Full Page Screen Captureで遊ぼう!! - 週刊アスキー

windowsであれば、エクスプローラからhtmlファイルを開けばプレビューを見られると思います。

Comments

[Linpy]

ご回答ありがとうございます。

Chromeの拡張にそういった機能があるのですね。ありがとうございます。

重ねての質問になってしまいますが、エクスプローラやChrome上でHTMLファイルを開いてもプレビューではなくソースコードのみが表示されます。対応方法をご存じでしたらご教示いただけますでしょうか。

[y-doi]

通常ならhtmlファイルを開くには、エクスプローラにて開きたいファイルを右クリックしてプログラムから開くでChromeを選ぶなどで、ソースではなくプレビューが表示されると思うのですが。
https://bibabosi-rizumu.com/html-browser-customize/

ファイルのプロパティを確認して、ファイルの種類がhtml documentではないとかはないですか

[Linpy]

ファイル形式を変更したら表示できるようになりました。

初歩的な質問にも丁寧に答えていただき助かりました。本当にありがとうございました！