css Chrome打印预览错误

8gsdolmq 于 2023-07-01 发布在其他

关注(0)|答案(5)|浏览(598)

我想打印一个HTML页面。html页面是我开发的，这个页面可以用mozilla，ie打印。
在Chrome中：当按CTRL+P时，它会弹出预览窗口，但它说：“打印预览失败”，我无法打印任何内容。在opera中，它不会弹出打印窗口，也不会按CTRL+P或菜单->打印，Safari会打印白色页面。
你知道可能出了什么问题吗？什么样的错误会导致此问题？有没有chrome的错误日志，以找出什么是错的？

编辑

我试着删除html元素，css脚本，javascript，我发现我的一个css文件阻止了打印预览，我会去一个，并会尝试从css中删除块，我希望我能找到这种方式的错误在哪里。

编辑2

没有成功。。有没有一种可能性，即css是大的浏览器编译它？CSS里面有导入，我试图删除它们，但这并没有解决我的问题...还有其他建议吗？

编辑3我有以下内容：

<link rel="stylesheet" href="/css/style.default.css" type="text/css" media="all"/>
<link rel="stylesheet" href="/css/myStyle.css" type="text/css" media="all"/>
<link rel="stylesheet" href="/css/print.css" type="text/css" media="print"/>

如果我注解了第一个include，或者将媒体更改为screen for style.default.css，则会生成预览，但缺少css规则。style.default.css是我的全局css，它有17个其他css以这种方式导入其中：

@import url('jquery.ui.css');
@import ...

我已经尝试注解导入，并且只尝试使用该文件中的css规则。（如果错误来自其中一个导入，这应该可以解决问题），但这并没有解决它，所以我尝试了=相反的方法，注解了css规则，并只尝试导入，同样的结果。只有成功，如果我注解整个文件。。
还有其他建议吗？有人知道chrome是否会在某个地方记录这样的错误吗？

css

来源：https://stackoverflow.com/questions/23928182/chrome-print-preview-error

5条答案

按热度按时间

kq0g1dla1#

最后我发现了错误。2个css规则阻止浏览器生成预览：

min-height: 100%;
height: 100%;

和

position: fixed;

赞(0）回复(0）举报 2023-07-01

uqzxnwby2#

我知道我可能有点晚了，但我希望这将有助于其他人在未来。
打印预览的问题通常与样式有关。有些属性可能会破坏我们的预览，我们可能会花很长时间才能解决这个问题。
以下是可能导致此错误的一些最常见的属性：高度位置溢出对于打印，必须记住：

height: 100%，
position: fixed/absolute/relative（在某些情况下），
overflow: hidden，

是“棺材上的最后一颗钉子”。
任何容器都不应设置它们。对于position，可以使用static，对于height，可以使用fixed values，或者只保留auto选项。永远记住设置overflow: visible。否则，我们要打印的内容可能会被隐藏。
我还写了一篇关于Ionic打印的短文，在那里我解释了一个主题。你可以在这里找到它：http://blog.primemodule.com/print-style-sheets-in-ionic-framework/

赞(0）回复(0）举报 2023-07-01

kq0g1dla3#

Google搜索返回this：
如果您禁用了Chrome的PDF查看器并启用了Adobe的PDF查看器，您可能会看到此问题。完成此操作后，您将收到一条与所描述内容相同的消息。您仍然可以通过单击“打印预览”屏幕中的“高级”进入打印机框，如edvrde所述。
或者您可以禁用打印预览。您可以通过以下方式实现此目的：
1.右键单击Chrome快捷方式
1.转到属性
1.在Target字段中，转到文件位置的末尾并添加：“--disable-print-preview”。也请包括两个空格。此外，正如enystrom提到的，把这个外面的报价，如果你有他们。这样，它应该看起来像：a. C：\Users[用户名]\AppData\Local\Google\Chrome\Application\chrome.exe--disable-print-preview b.“C：\Users[用户名]\AppData\Local\Google\Chrome\Application\chrome.exe”--disable-print-preview（如果有引号）
1.按OK。
如果你运行的是Win7，并且已经将Chrome固定到了你的任务栏上，你应该将其删除，然后将其重新固定到你的任务栏上。

赞(0）回复(0）举报 2023-07-01

vlju58qv4#

正如提到的here，这个问题不会被修复（检查bug的状态）。
问题与您的PDF阅读器有关。您很可能删除了“Microsoft XPS文档编写器”或“Adobe PDF”。你可以在这里解决PDF阅读器的问题。请记住，打印预览并不与打印功能相关联。您仍然可以在没有打印预览的情况下打印网页。在大多数浏览器中，“打印预览”不准确。最好打印网页以检查输出。

赞(0）回复(0）举报 2023-07-01

wgeznvg75#

对我来说，这是由于chrome print无法处理我用来显示进度圈的div样式造成的：

style={`background: radial-gradient(closest-side, ${bg} 40%, transparent 80% 100%),
                conic-gradient(${fg} ${progress}%, ${emptyBg} 0);
                width:${size}; height:${size}`}

我必须通过二分法来找出my page for creating resumes中的原点。
你可以在这里找到更多关于这个bug的信息：https://learn.microsoft.com/en-us/answers/questions/edit/751546/comment/1316344?comment=question#comment-1316344

赞(0）回复(0）举报 2023-07-01

我来回答

css Chrome打印预览错误

5条答案

相关问题

热门标签

最新问答