Неполадки со стилями Chrome во время предварительного просмотра

Question

Следующий код прекрасно работает на Firefox Mozilla, но не в Chrome или IE:

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

Сообщение в консоли:

[Устаревание] Разработка основного документа из таблиц стилей, определенных в 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">');