Wie @media Print mit Winkelmesser oder Selen zu testen?

Ich habe eine Druckfunktionalität an meiner Seite implementiert, und ich möchte es über Winkelmesser/Selen testen.Wie @media Print mit Winkelmesser oder Selen zu testen?

Gibt es eine Methode, um die Stile, die unter @media print während des Tests sind, "anzuwenden"?

Ich sah nur eine relevante question, aber es ohne eine gute Antwort.

Zum Beispiel bei der Probe würde ich gerne die #hidden Div während des Tests angezeigt werden.

.print-only { 
 
    display: none; 
 
} 
 

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

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

2017-09-07 felixmosh

Eine Option, die ich gefunden habe, ist es, alle "print" CSS in eine separate Datei zu teilen, und über link Tag mit media="print" laden.

Bedeutung nicht zu verwenden media query in großen CSS-Datei überhaupt.

Auf diese Weise kann ich das media="print" Attribut während des Tests zu all über executeScript ändern.

Ich hoffe, es wird jemandem helfen.

2017-09-09 09:32:06 felixmosh

Antwort