分版器やセレンで@mediaプリントをテストするには？

Question

私は自分のサイトでprint functionallityを実装しました。分度器/セレンを使ってテストしたいと思います。

テスト中に@media printの下にあるスタイルを「適用する」方法はありますか？

questionという1つの関連性しか見ませんでしたが、それは良い答えがありません。

たとえば、そのサンプルでは、​​私は#hidden divになりますが、テスト中に表示されます。私が見つけた

.print-only { 
 
    display: none; 
 
} 
 

 
@media print { 
 
    .print-only { 
 
    display: block; 
 
    } 
 
}

<div id="hidden" class="print-only">Will be shown when printing</div>

Answer 1

1つのオプションは、別のファイルにすべての「印刷」のCSSを分割し、media="print"でlinkタグを介して、それをロードすることです。

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

意味大型CSSファイル内にmedia queryを使用しないこと。

このようにすれば、テスト中にmedia="print"属性をallからexecuteScriptに変更することができます。

誰かを助けることを願っています。