在打印预览中出现Chrome插件样式问题

Question

以下代码在Firefox Mozilla上运行良好，但在Chrome或IE中则不然：

printWindow.document.write('<link rel="stylesheet" href="/css/styles.css">');

控制台中的消息是：

[Deporecation]根据HTML中定义的样式表设计主文档的样式导入已弃用

如果我这样做，它适用于所有浏览器：

printWindow.document.write('<style>body {background:red}</style>');

你知道我该如何解决这个问题吗？

Answer 1

我不确定我是否完全理解你的问题，但我确实把下面的笔放在一起作为如何解决这个问题的例子。正如你所看到的，我能够在新窗口中使用外部css库。在Chrome 70和Edge中进行了测试，但我没有可靠的方法在IE中进行测试。

您可以忽略从原始窗口中提取内容的javascript部分，我只是假设这是您将要使用的功能。

var printWindow = window.open("", "PrintWindow", "width=400,height=400");
printWindow.document.write('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitterbootstrap/4.1.2/css/bootstrap.min.css">');