更快地开发和测试打印样式表的方法（避免每次都进行打印预览）？

这是我现在的流程：

1. 保存对 print.css 的更改
2. 打开浏览器并刷新页面。
3. 右键单击并选择“打印”>“打印预览”（Firefox，但实际上是任何浏览器）

第三步让我烦恼，我想知道是否可以通过插件或其他东西将其从流程中删除。只需选择以打印媒体形式查看页面，然后刷新即可查看更改。

您如何测试您的打印样式表？刷新后总是点击打印预览吗？

您可以使用Chrome https://developers.google.com/chrome-developer-tools/ 媒体类型仿真 https://developers.google.com/chrome-developer-tools/docs/mobile-emulation#css-media-type-emulation正如帖子中所接受的在浏览器中查看打印css https://stackoverflow.com/questions/16105147/see-print-css-in-the-browser.

更新 21/11/2017

更新后的 DevTools 文档可以在这里找到：在打印模式下查看页面 https://developers.google.com/web/tools/chrome-devtools/css/reference#print-mode.

To view a page in print mode:
1. Open the Command Menu https://developers.google.com/web/tools/chrome-devtools/ui#command-menu. (tl;dr Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows, Linux))
2. Start typing Rendering and select Show Rendering.
3. For the Emulate CSS Media dropdown, select print.

更新 29/02/2016

DevTools 文档已移动，上面的链接提供了不准确的信息。有关媒体类型模拟的更新文档可以在这里找到：预览更多媒体类型的样式 https://developers.google.com/web/tools/chrome-devtools/iterate/device-mode/media-queries#preview-styles-for-more-media-types.

单击打开 DevTools 仿真抽屉更多覆盖•••更多覆盖浏览器视口右上角的图标。然后，选择Media在仿真抽屉中。

更新 12/04/2016

不幸的是，似乎有关打印仿真的文档尚未更新。然而，打印媒体模拟器已经（再次）移动：

1. 打开 Chrome 开发者工具
2. Hit esc on your keyboard
3. Click ⋮（垂直省略号）
4. Choose 渲染
5. Tick 模拟印刷媒体

请参阅下面的屏幕截图：

更新 28/06/2016

有关 Chrome DevTools 和“模拟媒体”选项的 Google 开发人员文档已针对 Chrome >51 进行了更新：

https://developers.google.com/web/tools/chrome-devtools/settings?hl=en#emulate-print-media https://developers.google.com/web/tools/chrome-devtools/settings?hl=en#emulate-print-media

要在打印预览模式下查看页面，请打开 DevTools 主菜单，选择更多工具 > 渲染设置，然后启用模拟媒体下拉菜单设置为的复选框print.

更新 24/05/2016

设置的命名再次更改：

要在打印预览模式下查看页面，请打开 DevTools 主菜单，选择更多工具 > 渲染，然后启用模拟 CSS 媒体下拉菜单设置为的复选框print.