PDF に変換機能は、ブラウザの印刷ダイアログを介して現在のウェブページを PDF として保存します。その際、あらかじめ印刷に適したスタイルが適用されます。広告、iframe、ポップアップ、ヘッダー、フッター、ナビゲーション、サイドバーなどを非表示にできます。背景を白、テキストを黒に強制したり、グレースケール出力、全画像の非表示、折り畳まれたコンテンツの展開などが可能です。印刷前に用紙サイズ、方向、余白を設定できます。
ブラウザの印刷ダイアログには「PDF として保存」というオプションが隠されていますが、ウェブサイトをそのまま印刷しても綺麗に仕上がることは稀です。ナビゲーションバー、暗い背景、クッキーバナー、チャットウィジェット、広告などが PDF を乱雑にします。「PDF に変換」は、まず印刷に適したスタイルを適用してから印刷ダイアログを開くため、最適な PDF 出力を得られます。トグル操作により、一般的な広告セレクター（iframe, .advert, .popup, [role="dialog"]）を非表示にしたり、ナビゲーション要素（nav, header, footer, aside）を削除したり、テキストのみの出力のために画像を非表示にしたり、グレースケールを適用したり、サイトのテーマに関わらず背景を白・テキストを黒に強制したりできます。また、すべての `<details>` 要素を展開して内容が隠れないようにすることも可能です。用紙サイズは A4、US レター、US リーガル、A3 に対応し、縦向き・横向き、および狭い・標準・広い余白を @page ルールで設定できます。「プレビューを切り替え」ボタンを使えば、印刷前にページ上で実際のスタイルを確認できます。印刷ダイアログ自体はブラウザ標準のものを使用します。Chrome や Edge では送信先として「PDF として保存」を選択してください。データがアップロードされることはなく、すべてローカルで処理されます。
印刷前に広告、ポップアップ、チャットウィジェット、ナビゲーションなどの不要な UI を非表示にする、印刷専用の CSS を適用します。
「プレビューを切り替え」をクリックすると、実際のスタイルがページに適用されます。印刷ボタンを押す前に PDF の仕上がりを正確に確認できます。
A4、US レター、リーガル、A3 を選択でき、縦・横の向きや余白の幅を自由に設定可能です。
ダークモードのサイトでも、背景を白、テキストを黒に上書きして出力します。背景が真っ黒な PDF になる心配はありません。
インクを節約するためのテキストのみモードや、カラーではないプリンタやアーカイブ用のグレースケール設定が可能です。
すべてブラウザ内のネイティブな印刷ダイアログで行われます。PDF 生成用サーバーは使用せず、プライバシーも守られます。
ナビゲーション、広告、シェアボタンなどを除いた、コンテンツのみの綺麗な PDF として長文記事を保存します。
重要なウェブページ（ニュース記事、ドキュメント、チケットなど）を、将来の参照用に PDF としてアーカイブします。
オンラインでの注文確認画面や請求書から、ナビゲーションや広告を消して綺麗な PDF として保存します。
ダッシュボード画面を、オフラインでの共有が必要なクライアントやステークホルダー向けに、綺麗にフォーマットされた PDF レポートに変換します。
オンラインドキュメントの特定のバージョンを PDF としてキャプチャします。ドキュメントが更新される前の状態を保存したい時に便利です。
DevSuite Pro のドックにある PDF アイコンをクリックします。印刷オプションのパネルが開きます。
「広告を隠す」（デフォルトでオン）、「ナビゲーションを隠す」、「画像を隠す」、「グレースケール」、「背景を白にする」など、用途に合わせて有効にします。
A4/レター/リーガル/A3、方向、余白を選択します。通常はデフォルト設定で問題ありません。
「プレビューを切り替え」をクリックして、スタイルが適用された状態を確認します。納得がいくまでオプションを調整してください。
「印刷ダイアログを開く・PDF として保存」をクリックします。ダイアログで送信先を「PDF として保存」に指定してファイルを保存してください。
DevSuite Pro を無料でインストールして、ブラウザで 39 以上の開発者ツールを利用しましょう。
