【发布时间】:2011-12-12 21:34:43
【问题描述】:
许多网页使用打印样式表来更好地格式化内容以进行打印。我的问题是,是否可以强制浏览器使用打印样式表呈现页面而不实际打印它?
【问题讨论】:
-
这对你有用吗?如果是,请回答我的问题
-
谷歌浏览器。开发者控制台。覆盖媒体:打印
许多网页使用打印样式表来更好地格式化内容以进行打印。我的问题是,是否可以强制浏览器使用打印样式表呈现页面而不实际打印它?
【问题讨论】:
在 Chrome(78 版)中,您可以强制浏览器使用 Chrome DevTools 渲染网页的打印样式表,方法是转到更多工具 > 渲染
然后在 Emulate CSS Media 下拉菜单中选择 打印 选项
【讨论】:
通常打印 css 具有打印的媒体类型。只需删除媒体定义并使用它来替换主样式表
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
改成
<link rel="stylesheet" type="text/css" media="all" href="print.css" />
【讨论】:
print.css 作为主样式表会导致页面显示(尽可能接近)打印时的样子
force the browser to render a page using the print stylesheet without actually printing it 的途径。所以对于我的回答,不要使用主样式表,而是确保 print 样式表没有 media="print"