是的。
让我们看看如何在不同的浏览器中做到这一点。请注意这篇博文的日期。这些内容可能会随着时间的推移而改变，因此如果这里有任何错误，请告诉我们，我们会更新它。
在 Firefox 中…
它是一个小小的按钮，位于 DevTools 中。非常简单！
- 打开 DevTools (Command+Option+i)
- 转到“检查器”选项卡
- 单击那个小页面图标
在 Chrome 和 Edge 中…
我认为它有点怪异，但它仍然是 DevTools 中一项相当容易的事。
- 打开 DevTools (Command+Option+i)
- 如果您没有那个奇怪的特殊底部区域，请按 Escape 键
- 单击菜单图标以选择要打开的选项卡
- 选择“渲染”选项卡
- 滚动到“渲染”选项卡选项的底部
- 从“模拟 CSS 媒体”选项中选择**打印**
在 Safari 中…
Safari 有一个按钮，很像 Firefox，但看起来不同。
- 打开 DevTools (Command+Option+i)
- 转到“检查器”选项卡
- 单击那个小页面图标
在 Safari 12.1.2（macOS 10.14.6/Mojave 上）中，您需要转到 DevTools（Web 检查器），然后转到“元素”窗格/选项卡，并查找“打印机”图标（右上角）
几年前，我经常在 Chrome 中使用此功能来模拟打印样式。我可以说，这在打印时无法正确转换。我已经有一段时间没有做任何打印样式了，但根据我的经验，您仍然需要进行打印才能确保它正确。
我遇到的问题主要与图像、复制和间距有关。不确定打印模拟是否会拾取在打印时通常被忽略的媒体查询。因此，我在打印模拟和打印中获得了不同的体验。
尽管如此，打印模拟仍然可以很好地了解打印后的效果。
至少 Chrome 对应用了（media: print）样式的文档有一个打印前的预览
我最近放弃了 InDesign，现在只使用 html 和 css 创建我的模板，以便从浏览器导出可打印的 pdf。它节省了 30 美元去 Adobe，对我来说是一种极客式的 css 挑战。（contenteditable 和 document.execCommand 为我在浏览器中提供了不错的编辑器功能，因此 html 从现在开始将替换我的 indd 文件）
但是：Internet Explorer 仍然是一个令人讨厌的小混蛋（我在这里可以这么说吗？），当使用浏览器模块导出 pdf 时。在使用 IE 写入 pdf 时，有没有什么技巧可以隐藏日期和 url？
在 Chromium 中使用命令面板更容易
打开 DevTools
按
cmd+shift+p搜索“模拟 CSS 打印媒体类型”
单击或按
enter键选择该项目要撤消，只需搜索“不模拟 CSS 媒体类型”
遗憾的是，如果没有将视窗限制为固定大小的能力，我仍然需要依靠按下 cmd-p 并查看预览，才能看到断裂的位置。
我们构建了一个 Web 应用程序，它可以生成发票、报价和表格，我们的客户需要打印或至少将它们制作成 PDF。不断地点击预览会花费很多额外的时间。我希望有一个浏览器（或者说是 Chrome 特定浏览器），它可以让那个预览一直保持在我的屏幕上，并在保存我的 CSS 时进行实时刷新，就像其他页面一样。