У меня проблема с кросс-браузерной совместимостью, в окне предварительного просмотра отображается пустое значение для Chrome и Edge.
В журналах показано следующее:
[Устаревание] Основной документ оформления из заданных таблиц стилейв HTML Импорт не рекомендуется.Пожалуйста, обратитесь к некоторым URL-адресам для возможных путей миграции.
Код для отображения предварительного просмотра выглядит следующим образом:
alternativePrint(resultId: string){ // Assuming that resultId is unique.
var printWindow = window.open('', 'PRINT', 'height=800,width=1240');
printWindow.document.write('<!DOCTYPE html><html><head><title>' + document.title + '</title>');
printWindow.document.write('<link rel="stylesheet" type="text/css" href="/css/styles.css">');
printWindow.document.write('</head><body>');
printWindow.document.write(document.getElementById(resultId).innerHTML);
printWindow.document.write('</body></html>');
printWindow.document.close(); // necessary for IE >= 10
printWindow.focus(); // necessary for IE >= 10*/
printWindow.print();
printWindow.close();
return true;
}
call(tel:string){
window.open('tel:'+tel);
}
Этот код прекрасно работает в Firefox, но по какой-то причинеон не работает ни для Chrome, ни для Microsoft Edge.
Я уже пробовал эту ссылку, но по какой-то причине все еще не могу ее исправить:
https://github.com/TakayoshiKochi/deprecate-style-in-html-imports