この Web ページを、コード スニペット全体を含め、画像が欠落することなく印刷するにはどうすればよいですか?

この Web ページを、コード スニペット全体を含め、画像が欠落することなく印刷するにはどうすればよいですか?

ウェブページを印刷したいhttps://www.journaldev.com/3524/spring-hibernate-integration-example-tutorialPDFファイルに変換します。

Chromeブラウザでウェブページを右クリックして「印刷...」を選択すると、作成されたPDFファイルが

  • 「Spring Hibernate 統合サンプルプロジェクト構造」セクションに画像が含まれていません

  • 上下のスクロールバーをスクロールしないと全体を表示できないコードスニペットの一部のみが含まれています

上記の問題なしに印刷する方法があるかどうか知りたいです。特に 2 番目の問題です。

OSとしてUbuntu 16.04を使用しています。

ありがとう。

答え1

最初の方法

これを行う 1 つの方法は、要素の検査を使用して CSS を編集することです。ページ内の任意のコード スニペットを右クリックし、[要素の検査] を選択します。

次に、下の画像を参照して、右側のページから max-height プロパティのチェックを外します。

max-heightプロパティのチェックを外す

ページを更新せずにCtrl+を押すPと印刷されます。

注: ページを更新すると、ページは前の状態に戻ります。

同じサイト上の他のページでも同じことを行う場合は、最初の方法よりも 2 番目の方法の方が適しています。

2番目の方法

これを実現するもう 1 つの方法は、この特定のサイトのサイト設定で JavaScript を無効にすることです。ただし、コード スニペットの構文の強調表示は行われません。

に移動するchrome://settings/content/siteDetails?site=https%3A%2F%2Fwww.journaldev.comと、そのサイトのサイト設定を変更できます。

JavaScript はデフォルトで許可されているため、無効にする必要があります。

JavaScriptを無効にする

次に、Web ページを再読み込みし、Ctrl+ を押してP印刷します。

印刷しようとしたときに隙間がいくつかありました。しかし、要素の検査を使用して簡単に削除できます。ガイドを参照してください。ここ

ソース

お役に立てれば。

関連情報