Firefox“媒体模拟打印”与打印此页面

Question

我在 Firefox 中打印网页时遇到一些问题。如果我在控制台中使用media emulate print，CSS 看起来很棒。但是如果我通过 菜单 -> 打印此页查看打印预览。

它看起来很糟糕，而且只显示第一页 - 其他页面都是空的！

那么有人知道 media emulate print 和 menu -> print this page 之间的区别吗？

我该如何解决我的问题？

Answer 1

这是 Firefox 的一个错误。它记录在这里：https://bugzilla.mozilla.org/show_bug.cgi?id=1448507

解决方法是将 CSS 移动到清单的

web_accessible_resources

部分，然后使用 JavaScript 将指向它的链接插入到 head 元素中。您可以使用

browser.runtime.getURL()

方法来参考。

• https://developer.mozilla.org/en-US/Add-ons/WebExtensions/manifest.json/web_accessible_resources
• https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/runtime/getURL

Answer 2

该错误已被标记为在 2018 年关闭。然而，在 Firefox 115.6 中我仍然可以观察到这种行为。当我无法移动 CSS 时，是否有解决方法可以打印模拟打印媒体的视图？