Question

我在跨浏览器兼容性方面遇到问题，“打印预览”显示Chrome和Edge为空白。

日志显示如下：

[不推荐使用]用HTML定义的样式表样式化主文档导入已弃用。请参考一些网址可能的迁移路径。

用于显示打印预览的代码如下：

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

当打印预览样式不适用于Chrome时

0 个答案: