Chromeのチャットリンクをバグのページコンテンツと一緒に印刷する

Question

私はウェブページ（Angular html5、css3、mvc made）を持っていて、その中にいくつかのコンテンツがあります。ユーザーはそれを印刷できます（別の印刷ボタンはありませんが、右クリックして印刷を選択できます）。今、コンテンツを印刷しますが、コンテンツとともに、チャットリンクのヘッダーやコンテンツも表示します（クリックすると開く小さなポップアップボックス）。私はこのライトボックスの見出しや内容をIE、Firefoxの場合のように印刷したくありませんが、Chromeではライトボックスの内容も印刷します:(

私の検索では、が、私は私のコードで別の印刷ボタンや機能を持っていないとして、無印刷クラスを使用する場所を知らない。

How do I hide an element when printing a web page?

あなたが無印刷クラスを適用

Answer 1

を助けてくださいチャットポップアップなど、ユーザーが印刷するときに非表示にしたい要素に移動します。

<header class="no-print"> 
    <h1>My app</h1> 
</header> 
<p>Content</p> 
<div class="no-print"> 
    <h1>Chat popup</h1> 
</div> 

内容が印刷されますが、ヘッダーとチャットダイアログはないでしょう。