Question

我在我的网站上实现了打印功能，我想通过量角器/硒测试它。

有任何方法可以＆＃34;申请＆＃34;测试期间@media print下的样式？

我只看到一个相关的question，但没有任何好的答案。

例如，在该样本中，我希望在测试期间显示#hidden div。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

我发现的一个选项是将所有“print”css拆分为单独的文件，并通过link标记加载media="print"。

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

意思是根本不在大型css文件中使用media query。

通过这种方式，我可以通过media="print"将测试期间的all属性更改为executeScript。

希望它会对某人有所帮助。