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


8

dailymail.co.uk WebサイトのページのPDFを保存しようとしています。(SafariとChromeで)印刷ダイアログを開くと、ページの書式がすべて失われ、印刷可能なバージョンが取り除かれます。これの利点はわかりますが、サイトに表示されているページ全体の PDFを保存したいので、この機能をバイパスする方法を知りたいです。

以下は記事の例です(ホームページからランダムに選択されます)

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

回答:


7

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

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

Chrome Inspectorで右クリックして削除するだけで削除できます。それでも問題が解決しない場合は、おそらく別の問題があります。ただし、これを行う際の問題は、他のものがmedia="screen"印刷時に非表示になっている可能性が高いため、レンダリングされない場合があることです。

コメントが非表示ではなくなったため、場合によっては100ページを超えることがあります。

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

印刷スタイルシート

Chromeを使用しているとのことですが、ウェブページのスクリーンショット拡張機能を使用して、画像を下書きとして印刷します(写真の品質には影響しません)。


ああ、だからブラウザは印刷されたすべての画面アイテムを無視しますか?知っておきたいこと-ありがとう!
OrangeBox 2012

@ OrangeBox、CSSメディアタイプの詳細については、このW3Schoolsの記事を参照してください。
アレックス

1
@AlexがW3Schoolsを使用してはいけない理由の詳細については、このW3Foolsの記事を参照してください。
Cole Johnson

1
これを行うChrome拡張機能を書いた人はいますか?それが完全な仕事をするなら、私は賞金(そしてもっと)を払います。
TomOnTime 2016年

3

このStackoverflowの回答でscreen説明されているように、Chrome開発ツールを開き、CSSメディアタイプを強制します

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


ただし、注意してページをアーカイブする場合は、印刷プレビューでオーバーレイポップアップまたは情報バナー(ページの終わり近くに表示されるか、特定の領域またはリンクにカーソルを合わせると表示されることが多い)を確認してください。印刷固有のCSS ..ときどき、ランダムにいじくり回してそれらを削除します。
eMPee584 2015

0

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

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

それができない場合、画面キャプチャツールはいくつもあります。

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


0

マイクロソフトエッジ

OPがGoogle Chromeソリューションを要求したことは知っていますが、とにかくGoogleからこのページに誘導されました。視聴回数が多いので、他のブラウザー向けの共有ソリューションは問題ないと思います。

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

    Edgeの[メモを取る]ボタンを示すスクリーンショット

    (公式ドキュメントを参照するには:Microsoft Edgeのサイトにメモを追加してください

  2. サイト全体のスクリーンショットをメールなどの他のアプリと共有できるエクスポートボタンをクリックします。

    エクスポートボタンを示すスクリーンショット

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

    1. アプリのクリップボードを取得します
      共有するデータをクリップボードにコピーします。
    2. 上記の手順(2)でスクリーンショットを共有し、MSペイントに貼り付けて保存します。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.