Q&A
Yahoo!知恵袋とか行って頂戴。プログラミングに関係のない質問。さもなくば、誤解を解くように説明をしっかり重ねてほしい。
webサイトを見た目そのままをプリントアウトしたいです。
ブラウザの拡張機能以外で、そのような事はできるのでしょうか？
よろしくお願いします。
なぜ「Webサイト 見た目 そのまま プリントアウト」で検索する
という発想に至らないのか謎です。
プログラミングって、どうことがプログラミングなんでしょうか？
わたしの質問は、プログラミング（css、javascript）を使って解決できるような事ではないのでしょうか？
あなたの質問はプログラミング（css、javascript）を使って解決できるような事ではないのです。
「ブラウザの拡張機能」でできてるならそれでいいんじゃないかとか
スクリーンショット使えばいいんじゃないかとか、そういう印象もありますからね。
yasutomiさん、
このサイトの使い方で出来る、出来ないかを聞くような質問をしてもいけないのでしょうか？
プログラムだと思うのならどういうシチュエーションを想定しているのか書いたらいいんでないかい
質問するときのヒント
https://teratail.com/help/question-tips
「webサイトを見た目そのままをプリントアウトしたいです。」ではなく「うちのwebサイトをjavascript側から印刷できるようにしたいです。例えばボタンを設置してクリックしたら印刷とか。」などであれば、プログラミングをして解決しようという意思を感じるけどね。
回答4件
0
ベストアンサー
超善意の解釈をして、
テストフェイズで上司や顧客に画面のプリントアウトを提出しなければならないというフェイズだったとしましょう。
(もし違うというならTeratailにふさわしくない可能性も高いので注意してくださいね)
Chromeで正常動作したページのスクショが欲しければ
Chromeの「ブラウザの拡張機能」を利用するしかありません。
しかし、それで１００画面のスクショを取って報告？
バグが出たらRedmineにあげてｒｙも全部自分！死ぬわ！！
そういう目的の為に、ChromeやFirefoxなどのブラウザにはヘッドレスモードというものがあります。
Node.jsなどの別言語のプログラムを利用して操り人形のようにChromeやFirefoxなどのブラウザを操作して、JavaScriptコードを実行してみてDOMが存在することを保証したり、スクショを取ってハードディスク内に保存するといった事が可能です。
まずはこれらのヘッドレスモードのブラウザが要件に合致するか調査してみてはいかがでしょうか？
投稿2019/05/15 02:59
総合スコア21158
0
MediaDevices.getDisplayMedia()でできそうな気がします。(使ったことない)
次回からは自分でコードを書いたうえで質問してください。
投稿2019/05/14 23:48
総合スコア2826
0
この回答は質問の回答となっていないため、一度削除させていただきました。
何らかの良い回答を出せそうであれば、後ほど追記します。
追記
ChromeとFirefoxは、開発ツール / デベロッパーツールといったものを使う事で
ページ全体を画像として保存することが可能です。
保存した画像を印刷することで、
質問の内容が実現可能なのでは無いかと思います。
Chromeの場合
- F12キーを押下してデベロッパーツールを起動
- Ctrl+Shift+Pを押下すると入力ボックスが表示されるので、「Capture full size screenshot」と入力してエンター
(検索が効くので、現状のバージョンだと「full」だけ入力すれば良いようです)
Firefoxの場合
- F12キー押下して開発ツールを起動
- F1キーを押下すると各種設定が表示されるので、「利用可能なツールボックスのボタン」のグループ内にある
「ページ全体のスクリーンショットを撮ります」のチェックを入れる
- 開発ツールウィンドウの右上に表示されるカメラマークのアイコンをクリックすると画像として画面保存できます
画像はどちらもダウンロードディレクトリに保存されます。
上記でやりたい事が実現できないようでしたら
- 質問の内容を実現しようとして試した事
- 試した事では何がどううまくいかなかったか
など、詳しい内容を質問欄に追記ください。
投稿2019/05/14 15:01
編集2019/05/15 11:32
総合スコア2727
質問内容自体の指摘をマークダウン使いたいがために回答欄使うのはちょっと。。。
同じ問題を抱えた人が見たときに「えっ？」てなるので。
mts10806さん
確かに、回答ではなく質問の修正依頼として出すべき内容でした。不快にさせてしまい、すみません。
マークダウンに関しては質問画面と同じような見た目にしたいと思い、よく考えずに使ってしまいましたが、これだと強調した部分が回答に見えてしまいますね・・。
ご指摘ありがとうございました。
あいえ、特に不快になったとかではなく「書く場所が違うような？」という確認も含めたコメントでした。
確かに私も「こういう風に質問書いてほしい」というのを蛇足でつけることはあるのですが、それだけに終始すると「回答ではないな」、と感じた次第です。
確かに、記載していた内容は問題を解決するための回答にはなってなかったですね・・。
後で誰かがキーワード検索したり、タグから辿った際には何かしら参考になるものを残しておきたいですし、変だと思ったら先に修正依頼をだすなど、留意していきたいと思います。
0
Webサイトを表示させ、スクリーンキャプチャを取り、それをプリントアウトすれば。
投稿2019/05/14 23:28
総合スコア87774
あなたの回答
tips
プレビュー
