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

Question

长话短说。我正在做一个大项目。是的我有一个print.css，它非常好用。但最终总是预览打印页面是如此令人沮丧。

即使工作也无法检查页面。有些元素看起来不同。覆盖它们现在我的print.css额外增加了160行，但它们只是显示垂直而不是水平。

这将是如此美好，如果Chrome有一个扩展或使用的东西我会很高兴所以我可以检查打印预览或让我的浏览器表现得好像它是一个打印。

Answer 1

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

Using Chrome's Element Inspector in Print Preview Mode?

  

Chrome v46 +：

     

  
• 打开开发人员工具（CTRL + SHIFT + I或F12）
  
• 单击左上角（1）中的切换设备模式按钮。
  
• 单击菜单按钮（2）＆gt;确保显示控制台。显示控制台（3）或按ESC键切换控制台（仅限   当开发人员工具栏具有焦点时工作。
  
• 打开仿真（4）＆gt;媒体（5）选项卡，检查CSS媒体并选择打印（3）。
  

     

Answer 2

在测试时，您可以像在常规旧样式表中一样在文档中加载print.css文件。取下media="print"并使其正常应用于屏幕，它应该显示。

Answer 3

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

如果您只使用纯html添加print.css样式表以及＆＃34; main.css＆＃34;然后只是注释掉你当时不想要的那个。