是否可以在 chrome 中使浏览器看起来像打印页面答案

【问题标题】：Is it possible in chrome to make the browser look like a print page是否可以在 chrome 中使浏览器看起来像打印页面
【发布时间】：2016-03-25 01:43:51
【问题描述】：

长话短说。我正在做一个巨大的项目。是的，我有一个 print.css，效果很好。但最后总是预览打印页面是多么令人沮丧。

即使工作你也不能检查页面。有些元素看起来完全不同。覆盖它们现在在我的 print.css 中有额外的 160 行，但是它们只是保持垂直显示而不是水平显示。

太好了，如果 chrome 有扩展程序或可以使用的东西，我会很高兴，这样我就可以检查打印预览或让我的浏览器像打印一样工作。

【问题讨论】：

我可以在打印预览中检查 :) i.stack.imgur.com/MjV8I.png

标签： html css google-chrome

【解决方案1】：

看到这个答案，我相信这就是你要找的。p>

Using Chrome's Element Inspector in Print Preview Mode?

Chrome v46+：

打开开发者工具（CTRL+SHIFT+I 或 F12）

点击左上角的切换设备模式按钮 (1)。

通过单击菜单按钮 (2) > 显示控制台 (3) 或按 ESC 键切换控制台（仅当开发者工具栏具有焦点时有效）。

打开仿真 (4) > 媒体 (5) 选项卡，检查 CSS 媒体并选择打印 (3)。

【讨论】：

比我的回答好多了。
非常感谢！我知道这一定是可能的，这要容易得多。
如果找不到 Emulation 选项卡，则会将其重新定位到 Rendering 选项卡作为最后一个复选框。

【解决方案2】：

在测试时，您可以像普通的旧样式表一样将print.css 文件加载到文档中。取下media="print"，使其正常应用到屏幕上，它应该会显示出来。

【讨论】：

【解决方案3】：

我不确定您是否使用任何服务器端代码，如果您添加了一个开关，允许您在 css 文件之间作为主样式表跳转，那么只需使用 print.css 作为您的主样式表。

如果您只使用纯 html 添加 print.css 样式表以及“main.css”，那么只需注释掉您当时不想要的那个。

【讨论】：