どのようにすることができますを作るwebページの送信先のプリンターも異なるようにブラウザのウィンドウ?

StackOverflow https://stackoverflow.com/questions/85019

  •  01-07-2019
  •  | 
  •  

質問

Googleマップに使用する本ビットがう場合がございますのでご注意下の"印刷"リンク-うたプリンタに送信されるなどまた、画面上ではなく、異なる形式版とほぼ同じ情報です。

かっ主に移転した事からこの構想（かんなわ）とほとんどのウェブサイトにて"プリントバージョン"のような記事です。

だからウェブページとなるような"印刷対応"バージョンのページがプリンタに送信されるなしに個別のページで、あなたは何点ぐらいになると思います。

フォロー:きものに印刷されない描画されるページに表示すべき事は何か？（隠れから現在の描画される)?

役に立ちましたか？

解決

はい、応募できるプリンター。ありが こちらの.

他のヒント

で表現できるこの効果をcssスタイルシートを対象に直接印刷も対象に直接画面になります。

軒のリンクタグ:

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

埋め込みおスタイルシートをお書きします。

隠しが容易で、設定ブロックスタイルに隠しいスタイルシートしたい、そもそも太陽系が表示されます。例えば:

.newStyle1 {
    display: none;
}

その後もセットのスタイル newStyle1 表示されません。

これまでに、cssで指定した場合にはメディアとして印刷できます。

の @media ルールのCSSでの定義に使用する代替ルールを印刷できます。この変数を使隠ナビゲーションやスタイルを変え合わせを印刷より:

@media print {
  .sidebar { display: none; }
}

リンクもできますが、別のスタイルシート印刷:

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

を意味するものとして、希望の場合は、"印刷"ボタンのページを変更ページにあることが決まりましたら、それをjavascriptの窓口に置いてあります。print();'をブラウザの印刷ダイアログを表示します。

いくつかのオプションが使えます:

  • できるストが別のウィンドウで開きますと若干異なるデータが出力されます。
  • またCSSスタイルが使用できる変更のページをレイアウト。
  • 最後に指定できcompletly異なるスタイルシートのための画面で、印刷メディア、点字読など。

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

参照 CSS2の印刷を参照

を使用 印刷スタイルシート.

編集： に関するフォローアップはできません一般的に、追加ページ。

一つのオプションがあり、印刷コンテンツのページを非表示にするので画面のスタイルシート.することができるようになりのページを色濃く受け継がれてい意味でなくCSSものです。

別のオプションは、動的に生成されるコンテンツがないよInternet Explorer7以下ですが非常に限定されている。

これは、印刷のみコンテンツはイメージでき替えるのが人気の画像の交換です。

最も簡単な方法は、CSSを利用メディアです。各CSSファイルなどでご指定いただくことができますすべき使用画面が印刷、handhelds、画面の読者はもちろん、さまざまな組み合わせられないのです。

例: <link rel="stylesheet" type="text/css" media="print, handheld" href="foo.css">

このスタンダードからCSS2、多くのブラウザを支援します。詳細はこちらをご覧くださ。 http://www.w3.org/TR/CSS2/media.html

CSSを作成できるスタイルシートの特定の種類のメディアることを意味すいスタイルシートのみの場合に適用されま印刷ページを可能にし、原因でフォーマットとは異なります。

けなどのメディア="印刷"属性おスタイルシートのリンクとスタイルシートです。

この リ別記事 そうするかなり良いのです。

を使ってみました異なるスタイルシートに基づくメディアが行ったトラブルは、全てのオプションにいます。それ以来私は常にリダイレクトを別の入り口の(Fusebox)の枠組み（print.php の代わりにindex.phpる本質的には同じファイル以外での設定を追加フラグ/定数です。

は、XSLファイルに関連するページでその追加作業に基づきそのフラグ/定数のように外に出ると、メニューのカラムはテーブル等

すなわち(ページのリンクは、ユーザがクリック表示のパスワードを画面に表示します。印刷版のパスワードを印刷済。)

if (!BOOL_PRINT)
  echo "<TD class=\"tbl_teams_scroll_item\"><SPAN class=\"span_password_hidden\" id=\"span_password_{\$team_id}\" onClick=\"RevealPassword('{\$team_id}','{\$password}');\"><xsl:value-of select=\"/PAGE/TEXTS/HIDDEN\" /></SPAN></TD>\n";
else
  echo "TD class=\"tbl_teams_scroll_item\"><xsl:value-of select=\"PASSWORD\" /></TD>\n";

を定義しておくことができまcssのルールは特定のメディアタイプです。以下はcss例からコピーされた http://www.w3.org/TR/CSS2/media.html, 第7.2.1)を指定すると、別のフォントサイズが表示されたウェブページが印刷されます。 

 @media print {
    BODY { font-size: 10pt }
  }
  @media screen {
    BODY { font-size: 12pt }
  }
  @media screen, print {
    BODY { line-height: 1.2 }
  }

またご指定いただくことができますかメディアスタイルシートに適用されるべきであるときに含めてページ:

 <link href="webstyles.css" type="text/css" rel="stylesheet" media="screen"/>
 <link href="printstyles.css" type="text/css" rel="stylesheet" media="print"/>
 <link href="commonstyles.css" type="text/css" rel="stylesheet" media="screen,print"/>

他のオプションは隠れたIFRAMEを呼び出すiframe.contentWindow.print()です。ることが国際化することを可能とする目に見えないレイアウトの版画どおりにしたいということです。

もちろん、より良い値段が高くなりますが、輸出のファイルをPDFファイルをユーザーのこのイベント内容を印刷するすることができてうれしいです。Pdf生産の最高品質の出力が---。しかし、あまりフープのユーザーへジャンプを通じて、経験則です:

  • Pdfの場合、印刷レイアウトの事項
  • HTMLの場合に純粋なテキストよりも大事なのは、あなたのレイアウト

与えられます。CSSできな印刷スタイルシートです。これは非表示にすることができ、印刷版の表示画面バージョン又は非表示コンテンツ画面のバージョンしたい表示が印刷もできます。い申表示し、適切な部門の適切なスタイルシートです。

もうサイズのテキストポイントの印刷版（ 悪 ア画面のバージョン-テピクセル、emsまたは割合はこちら）。あユニバーサル契約にどのような印刷サイズはどのマッピングのピクセルのポイントによって異な異なる解像度のデバイス。

いつものようにリンクリストから除に関する印刷cssという印刷書籍とCSS:ドーン！ http://www.alistapart.com/articles/boom/

nsayer 亀有する印刷ボタンレイアウト変更の画面を皮切りとして window.print()

このシングソリューションのだろうによって多くの人に考慮すべきだと思いユーザーのくのWYSIWYG.るべきで、"プリンター向けの"リンクが変化するメディアタイプのシートシートにより"印刷。

Jqueryを使う、なんとかこのような確認):

$(document).ready(function(){
    $("#printFriendly").click(function(){
       $(link[rel=link][media=screen]).remove();
       $(link[rel=link][media=print]).attr("media","screen");
    });
});
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top