web-dev-qa-db-ja.com

Webサイトの印刷バージョンをバイパスする方法は?

Dailymail.co.ukウェブサイトからページのPDFを保存しようとしています。 (SafariおよびChromeで)印刷ダイアログを開くと、ページの書式設定がすべて失われ、印刷可能なバージョンに戻ります。これの利点はわかりますが、entireページのPDFを表示するときに保存したいので、この機能をバイパスする方法を知りたいです。サイトに。

ここにサンプル記事があります(ホームページからランダムに選択)

ページから削除できるコード行がありますか(Chromes Dev Toolを使用して)、ページ全体を印刷できますか?

7
OrangeBox

ほとんどの場合、headタグに次のような行があります。

<link ... media="print" ... />

Chromeインスペクターを使用して右クリックして削除するだけで削除できます。それでも解決しない場合は、別の可能性があります。ただし、これを行う際の問題は、印刷時に隠されている可能性が高いmedia="screen"であるため、まだレンダリングされない場合があることです。

コメントが非表示にならないため、100ページを超えることもあることに注意してください。

この特定のWebサイトには印刷用のCSSがありますが、他のすべてはmedia="screen"であり、その属性を削除するには、すべてを調べて変更する必要があります。 (@ $$に少し痛みがあります):

the print stylesheet

あなたはChromeを使用していると言っているので、私は Webpage Screenshot extension を使用し、画像を下書きとして印刷します(したがって、写真品質はありません)。

6
Cole Johnson

Chrome devツールを開き、CSSメディアタイプをscreenに強制します。これについては、 this Stackoverflow answer で説明しています。

開発ツールを開いたままにして、印刷プレビューで画面スタイルが使用されるようになりました。

3
Eric

キーボードにPrintScreen(PrtScrn)ボタンはありますか?ある場合は、このボタンを押して、現在の画面の画像をコンピューターのメモリに配置します。または、ALTを押したままPrintScreenボタンを押すと、現在選択されているウィンドウの写真を撮ることができます。

次に、画像をWordなどに貼り付け(Ctrl/V)、そこからPDFとして保存します。

それに失敗すると、画面キャプチャツールがいくつもあります。

(これにより、インデックス可能なテキストではなく、画像のPDFが得られます。しかし、新聞サイトから取得しているので、検索エンジンでインデックスを作成することについてそれほど心配していないと思います。 。また、1ページしかないため、PDFブラウザーのテキスト検索はおそらくそれほど重要ではありません。)

0
MaryC.fromNZ

マイクロソフトエッジ

OPがGoogle Chromeソリューションを要求したことは知っていますが、Googleはとにかくこのページに誘導してくれました。

  1. Edgeに組み込まれている[メモを取る]ボタンをクリックします。

    screenshot showing the "take notes" button in Edge

    (公式ドキュメントの参照: Microsoft Edgeのサイトにメモを追加

  2. エクスポートボタンをクリックすると、サイト全体のスクリーンショットを他のアプリと共有できます。郵便物。

    screenshot showing the export button

  3. スクリーンショットを処理するための次のステップがMailでない場合は、代替の「受信」アプリをインストールすることをお勧めします。以下で成功しました。

    1. アプリを入手 クリップボード
      共有するデータをクリップボードにコピーします。
    2. 上記の手順(2)でスクリーンショットを共有し、MSペイントに貼り付けて保存します。
0
ComFreek