現代の技術の時代では、ますます多くのサイトがGoogle Gears、またはドキュメントのオフライン表示の他の方法をサポートするようになると、印刷用の健全なバージョンの作成が背景に消えていきます。 それにもかかわらず、膨大な数の「マストドン」ユーザーが頑固にサイトのページを印刷するので、後で道路や自宅で読むことができます。 同時に、もちろん、母親はサイトの開発者にとって価値があるものであり、必要な情報のみを印刷するための健全な方法を提供することはできませんでした。



今日は、印刷可能なバージョンを作成するためのいくつかのオプションを検討し、それらの長所と短所について説明します。



したがって、現時点では、印刷可能なバージョンを作成する主な方法は3つあります。

1. HTMLツール
2. CSSツール
3. JavaScript

これらの方法にはそれぞれ長所と短所があります。 それらを詳細に検討しましょう。

HTML

これは最も簡単であり、同時に最も一般的な方法です。 各ページの個別のバージョンを作成するだけです。これは、紙、つまり、黒い文字の白い背景に、Flashアニメーション、バナー、その他の装飾なしで、通常の表示用に特別に設計されています。 サイトでサーバープログラミングを使用していない場合、サイトを作成および維持するための作業量は正確に2倍になります。 テンプレートエンジンを使用して最新のテクノロジで作成された大規模なサイトがある場合、印刷バージョンの作成は新しいテンプレートの作成に限定されます。



プロジェクトがバナー広告によって収益化されている場合、この方法には別の大きなマイナスがあります。 印刷版にバナーを挿入するのは不合理であり、たとえば、印刷版のすべてのページを置き換えるProxomitornのスクリプトを書くのは10分です。 これは、主なコンテンツが印刷版から読む方がはるかに便利で楽しい記事であるプロジェクトに特に当てはまります。

CSS

現在、この方法はほとんどのサイト開発者によって使用されています。 HTMLコードのヘッダーに行が追加されるだけです：



<link rel = "stylesheet" type = "text / css" media = "print" href = "print.css" />



読み込まれたCSSファイルは印刷にのみ使用され、ブラウザ内の要素の表示には影響しません。 このファイルでは、開発者は通常、印刷に不要なすべての要素を非表示にし、ユーザーが紙に表示することを期待しているコンテンツのみを残します。 特に危険なCSSライターは、メインコンテンツの後にページの下部に小さな見出しと小さなテキストを追加することで、ページをより美しくします。



このアプローチの主な欠点は、ユーザーの直感性です。 潜在意識は、ユーザーが「印刷...」をクリックするだけで、紙の上で画面に表示されるものを正確にキャストし、他の人のバナー、不要なインデント、色付きの背景が必要な理由をユーザーに伝えます。 残念ながら、まれにユーザーがプレビューに移動して、ページが正しく印刷されることを確認しようとしています...

Javascript

実際、これは以前の2つの方法の組み合わせです。 「印刷」ボタンがページに配置され、クリックすると新しいウィンドウが開き（JSツールを使用）、印刷用にCSSが適用されたバージョンが表示されます（！）。 いくつかの追加のページ装飾も可能です。 したがって、次の2つの問題を解決します。1）ユーザーは印刷するものを見て、余計なものがないことを落ち着かせます。 2）ページは動的に作成され、サイトのメイン表示に使用することはできません。



この方法の欠点は、ユーザーがJavaScriptを有効にする必要があり、（実装に応じて）ポップアップが許可されることです。 しかし、誰が今JSを無効にしているのですか？ もう1つの重大な欠点-この機能を実装するスクリプトは、要素をほぼ手動でリストする必要があるため、プロジェクトごとに個別に記述する必要があります。

まとめ

ご覧のように、すべての方法には利点と欠点があります。 これらの各オプションは、非常に多くのサイトで非常に広く使用されています。 そして、それにもかかわらず、自分が望むものを達成することが常に可能であるとは限りません。 これは人生です...



PS ：このレビューは、インターネット上に豊富にあるページを印刷するためのさまざまなサービスをカバーしていません。 次回はそれらについて。