gpt4 book ai didi

javascript - window.print() 就像它会打印但什么都不做

转载 作者:太空宇宙 更新时间:2023-11-03 21:21:51 24 4
gpt4 key购买 nike

我正在尝试打印一个简单的文档,但没有打印任何内容。当我单击打印按钮时,它会将其添加到打印队列并几乎立即离开队列但没有任何反应。打印机甚至不表现得好像要打印一样。我有一个 print.css

@media print{
* {
display: none;
}

#preview {
display: inline;
}
#preview input {
display: none;
}
}

我已经添加了

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

到我的 HTML。它拉出打印菜单并表现得像它会打印但什么都不做。我以前从未尝试过这个,所以我可能只是遗漏了其中的一个关键方面,但同时它似乎是正确的。

按钮代码

<input type="button" onclick="window.print()" value="print" />

预览是我要打印的 div(我在函数中添加了 innerHTML)

<body style="background-color: white; height: 100%; width: 100%" onload="buildForm()">
<aside id="overlay">
<section onclick="modal()"></section>
<div id="preview"></div>
</aside>

如果与它有任何关系,这也是一个 Electron 应用程序。是的,打印机也能工作。假设有要打印的内容,我可以从其他来源打印。

由于代码量大这里是jsfiddle帮助打破它。 注意 这是行不通的,因为它是一个 Electron 应用程序,因此代码中有节点模块

最佳答案

试试这个改变:

HTML

<div id="preview"></div>

CSS

@media screen {
#preview { display: none; }
}
@media print{
* {
display: none;
}

#preview {
display: inline;
}
#preview input {
display: none;
}
}

关于javascript - window.print() 就像它会打印但什么都不做,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36504964/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com