Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用CSS样式将当前页面保存为PDF_Javascript_Jquery_Html_Css_Pdf - Fatal编程技术网

Javascript 使用CSS样式将当前页面保存为PDF

Javascript 使用CSS样式将当前页面保存为PDF,javascript,jquery,html,css,pdf,Javascript,Jquery,Html,Css,Pdf,我有一个简单的代码,它确实保存了我的当前页面(基于我希望保存的ID),但当它确实打开保存窗口时,我认为它是一个没有样式的普通HTML代码。有没有办法保存PDF,包括CSS中的所有样式 <script> function printDiv(divName) { var printContents = document.getElementById(divName).innerHTML; w=window.open(); w.document.write(printConten

我有一个简单的代码,它确实保存了我的当前页面(基于我希望保存的ID),但当它确实打开保存窗口时,我认为它是一个没有样式的普通HTML代码。有没有办法保存PDF,包括CSS中的所有样式

<script>

function printDiv(divName) {

 var printContents = document.getElementById(divName).innerHTML;
 w=window.open();
 w.document.write(printContents);
 w.print();
 w.close();
}
</script>

函数printDiv(divName){
var printContents=document.getElementById(divName).innerHTML;
w=window.open();
w、 文件。书写(打印内容);
w、 打印();
w、 close();
}
函数printDiv(divName){
var printContents=document.getElementById(divName).innerHTML;
w=window.open();
w、 编写('/*此处代码*/'+打印内容);
w、 打印();
w、 close();
}

您已经看到了吗?看看这个问题:当我将媒体类型添加到样式表中时,出于某种原因,它仍然会忽略它。我尝试过内联HTML内联样式,但它确实看到了!无法找出问题所在您可能要使用
@media print{}
媒体查询。
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
w=window.open();
w.document.write('<style type="text/css"> /* your code here */ </style>' + printContents);
w.print();
w.close();
}