問題タブ [printing-web-page]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
3662 参照

html - Webページのピクセルパーフェクトプリントアウトを作成する(画面に表示されるように)

このウェブページの「バックアップ」を、できればPDF形式で作成したいと思います。スクリーンショットのように、参照用に読み取り専用。

ページをPDF(OS X、Safari)に印刷しようとすると、奇妙なプリンターレイアウト処理が発生します。これは、スタイルシートの問題などです。そこには行かないでください。ブラウザが画面に表示するものを正確に表示したい。スクリーンショットのように(私は撮ることができますが、ページをスクロールする必要があるので面倒です)。

Safariでは「Webアーカイブとして保存」が可能ですが、PDF形式のポータブルな単一ファイル形式をお勧めします。本当に-方法はありませんか?

私はSOがこれに対する答えを持っていると確信していました。質問はまだ見つかりませんでした。

補遺:これが 見つかりましたが、無料ではないEagleFilerソフトウェアが必要です。ただし、最も有望なアプローチのように見えます。

補遺2 これまでのすべての素晴らしい提案に感謝します。真のキラー・オブ・ザ・オールの解決策が見つかるまで、これを開いたままにしておきます。つまり、プリンタ用にページをレンダリングせずに、PDFとして真に保存できる主要なブラウザのいずれかです。

今のところ、私自身の解決策は.webarchiveファイルを保持することです。実際、私が最初に言ったのとは異なり、それらは単一のファイルであり、それは良いことです。当然、ソリューションはOSX固有です。

0 投票する
2 に答える
1745 参照

css - HTMLページの印刷-ページ分割

ループによって生成され、すべて同じクラスを持ち、すべてに画像とテキストが含まれdivsている、次々にたくさんのページがあります。divsこのページを印刷用にスタイル設定する必要があります。サイズ、色、余白などに関するすべての基本原則に従いました。

ただし、ボックスがページの終わり近くで始まり、一部のテキストが印刷され、残りが次のページにある場合に発生するため、印刷時にボックスがページ間で分割されることは望ましくありません。page-break-before:alwaysページ上のdivの合計の高さがを超える場合、javascriptを使用してページ分割div(スタイルがあります)を挿入しました800 (assumed value).

ただし、印刷すると、テキストサイズが変更され、divが長く/短くなり、ページ分割が間違って配置されます。

私はここでの答えが言うのと同じことをしています。私の質問は、印刷されたページの幅/高さをどのように想定するかです。または、より良い解決策はありますか?

どうすればこれに対処できますか?前もって感謝します。

編集:私は印刷固有のcss、fyiを使用しています。また、特定のメディアスタイルと印刷スタイルがあります。

編集(視覚化を試みます)

0 投票する
1 に答える
502 参照

javascript - ページ スクリプトの印刷セクションは IE では完全に機能しますが、Firefox では問題があります

WordPress 内で機能するページの 1 つの領域のみを印刷するソリューションを見つけるための戦いで、私のニーズを完全に満たす優れた小さなスクリプトに出会いました..ただし、IE ブラウザーでのみ. 何らかの理由で、Firefox はボールをプレーしたくありません。

スクリプトは次のとおりです。

呼び出し元:

これはIEでは機能しますが、FFでは機能しません。私は JavaScript についてあまり詳しくないので、Firefox で頭を悩ませていることが何かありましたら教えていただければ幸いです。

ちなみに、印刷CSSファイルを使用する代わりに、JavaScriptルートを使用する必要があります。印刷したい領域(クーポン)は、明らかにWordPressテーマのコンテナとラッパーdivに設定されているテーブルに設定されているためです。印刷用に分離するのは困難です。

私はiframe印刷も試しましたが、これである程度前進しましたが、IEでは問題が発生します(ロールアイ)。したがって、上記のスクリプトは、「印刷」をクリックしても Firefox が何もしないことを除いて、私にとっては良い答えのように思えます。どうもありがとう。

0 投票する
1 に答える
2235 参照

css - コンテンツをdivに合わせて縮小するにはどうすればよいですか?

私はプロジェクトに参加しており、レポート ページを変更して印刷可能にするタスクを割り当てられています。レポートでは、PHP を使用して div 内にテーブルを生成しますが、div は印刷時に 1 ページを超える場合があります。そのため、ページの長さがなくなると、テーブル/divが壊れてしまいます。最終結果は雑然とした混乱です。

次のタグを使用して print.css を変更しました。

すべての div は次のようになります。

これにより、レポートが少し整理されます (つまり、各セクションが新しいページで始まります)。しかし、これはかなりの量の紙を浪費しているようで、表の途中で改ページする問題は解決しません。私のもう 1 つのアイデアは、div の内容を 1 ページに正確に収まるように自動縮小することでした。私たちの div はどれも 2 ページを超えていないので、これが可能であれば良い解決策になると思います...しかし、これは可能ですか? css が div の長さに合わせてフォント サイズを調整する方法はありますか?

私はdiv に合わせてコンテンツをスケールすることをグーグルで検索しましたが、誰もが私が望むものとは反対のことを望んでいるようです (つまり、div はコンテンツに適合し、コンテンツは div に適合しません)。

誰かが提供できる助けはありますか? 私が見つけることができたすべての結果には、ブラウザでサポートされていないCSSが含まれているため(つまり、機能しません)、htmlテーブルをきれいに印刷する一般的な例も機能します:「page-break-inside:回避」。

前もって感謝します。

0 投票する
2 に答える
10698 参照

javascript - ページの印刷時に JavaScript を実行する

ページを印刷するときに、JavaScript コードが実行されているようです。
ページが現在印刷されているかどうかを確認するにはどうすればよいですか? 私はいくつかのjsサイズ変更を行い、印刷を少し異なる方法で処理する必要があります。

0 投票する
2 に答える
3395 参照

c# - すべての CSS フォーマットとともにページを印刷する方法

私は印刷機能を行っています。私が得ている問題は、印刷されているページが CSS フォーマットを保持していないことです。CSS を使用せずに印刷物にプレーン テキストを表示しています。CSSフォーマットを変更せずにページを印刷する方法を知っている人はいますか?

0 投票する
1 に答える
165 参照

html - IE および Firefox での印刷の問題

IE と Firefox で リンクグレーディング ファブリック ArcComの下にあるこのページを印刷しようとしています。しかし、印刷した最初のページは白紙で、完全な内容ではありません。HTMLまたはその他のコードを編集してこれを修正する方法を知っている人はいますか?

0 投票する
1 に答える
232 参照

css - FirefoxとIEでのCSS印刷の問題

IEとFirefoxのリンクグレーデッドファブリックArcComでこのページを印刷しようとしています。ただし、完全な表がなく、最初のページのみを印刷しています。この問題を解決するにはどうすればよいですか?なにか提案を?

0 投票する
1 に答える
2895 参照

php - html2ps - 小さいラベルを印刷するにはどうすればよいですか?

Dymo 450 Labelwriter プリンターでテキストのみのラベルを正しく印刷するために、html2ps を使用しています。このページによると、CSS を使用してページのサイズを変更できるはずです。これが私が試したCSSです(外部ファイルで、インラインでも試しました):

ただし、出力の追記は引き続きレターサイズです。html2ps の -s オプションを使用してスケーリングを行うこともできましたが、余白が非常に大きいため、テキストは印刷されません (空白のラベルが表示されるだけです)。

余白をゼロにし、正しいページ サイズで出力するにはどうすればよいですか?

入力 html のサンプルを次に示します。

また、html2ps はインラインを尊重していないようです:

ご協力いただきありがとうございます。ubuntuプリントサーバーからlpを使用して印刷していることにも言及する必要があります。

0 投票する
3 に答える
15486 参照

html - HTMLページ全体を印刷するには

ボタンがありwindow.print()、ページを印刷するために使用します。

ただし、ビューポートに表示されているものの 1 ページのみを印刷しています。ただし、ページは 5 ページを埋めるのに十分な長さです。

ページ全体を印刷するにはどうすればよいですか?