web-dev-qa-db-ja.com

Windowsでは、コードを切り抜かずに中程度のブログ投稿を印刷することはできません

私のシステム：Windows 10 Pro x64 9200、HP EliteBook 1040、Chromeバージョン62.0.3202.62（公式ビルド）（64ビット）

このMediumブログ投稿を印刷したいと思います：

https://medium.com/@keeper6928/how-to-unit-test-machine-learning-code-57cf6fd81765

ただし、試してみると、コードチャンクがトリミングされます。たとえば、このコードチャンクは、実際には15行のコード長です。

enter image description here

10行のコードにトリミングされます：

enter image description here

印刷ジョブをフォローアップの印刷キューに送信する代わりに、PDFに印刷した場合も、まったく同じ問題が発生します。

この問題はどういうわけかGitHubに関連していると思います...どうやら、ブロガーはブログ投稿内でコードの要点を共有するためにGitHubサービスを使用していましたが、このサービスはChrome関数。これを信じる理由は、Chromeからページを表示すると、コードがGitHubでホストされていることを説明するフッターを含め、コードチャンク全体が表示されるためです。

enter image description here

しかし、PDFに印刷すると、フッターは消えます。

enter image description here

ご参考までに、PDFブログ投稿に印刷して取得した [〜＃〜] pdf [〜＃〜] へのリンクを含めます。どうすればよいですか？コードスニペットをトリミングせずに投稿を印刷しますか？

[〜＃〜] edit [〜＃〜]コメントで提案されているように、スニペットでコードを強調表示してから、[印刷]を選択してみましたChrome右上のメニュー。この場合、 スニペットは正しく印刷されます ただし、これでも問題は解決しません...各スニペットを個別に印刷しない限り、そして、印刷されたブログ投稿にそれらを物理的に接着します:)私にとってさえ、少しローテクすぎます。

google-chromepdfprintingprinter
7
DeltaIV

1つの代替方法は、Journeyman Geekの回答で説明されているように、スクリーンショットルートを使用することです。

別のオプション：ワードプロセッサを使用します。

  • ページを開き、すべてを選択します（Ctrl-A ほとんどのシステムで）
  • コピー（Ctrl-C）
  • 貼り付け（Ctrl-V）ワードプロセッサ（LibreOffice、MS Wordなど）に

これにより、通常、ほとんどのフォーマットと画像が保持され、問題を簡単に修正できます。

この特定のケースでは、コードスニペットは表示されません（おそらく、HTMLソース内の個別のIFrameであるため）。ただし、それらを個別にコピーして、適切な場所に貼り付けることができます。少し面倒ですが、いくつかのスニペットでは実行可能です。

短所：

  • いくつかの手作業
  • ブラウザのように外観を正確に保持しません

利点：

  • より柔軟性
  • テキストのフルプリント解像度が得られます
1
sleske

この後（または画面が広すぎる）少し後処理が必要ですが、Firefoxにはページ全体をその一部としてスクリーンショットするための優れたツールがあります GCLI-またはグラフィカルCLI

Shift-F2を押すか、ツール-> Web開発者->開発者ツールバーに移動します。

そこで、「screenshot filename.png --fullpage」と入力すると、画面に表示されているもののスクリーンショットが撮られます このように

次に、幅が広すぎるため、エッジをトリミングし（これには、Paint.netを使用しました）、ペイントで印刷します（はいペイント）。印刷プレビューに移動します-そして、1x何かのページに印刷するように設定できます=私は10を設定し、6が機能すると判断しました。

enter image description here

1の幅は不可欠です-それは基本的にページの幅を設定/スケーリングするためです

次に、PDFに印刷し、Tweakにテストし、動作することがわかったらPDFから物理的に印刷します。

2
Journeyman Geek