我正在开发一个网站，需要在打印视图上工作。通常当我有布局问题时，我使用Chrome的元素检查器。但是，这在打印预览模式中不存在。
是否有一个Chrome插件或其他方式来改变你的浏览器本身的观看媒介，以查看一个页面的打印机会?我想它没有一个Chrome特有的解决方案，但那是我的主要浏览器，所以有一个浏览器内的解决方案会很好。
现在我只专注于打印预览媒体，但如果能够切换到任何支持的媒体类型(即所有/盲文/压花/手持/打印/投影/屏幕/语音/tty/电视)将是理想的。
当前回答
Chrome v50:
方式1:
菜单>更多工具>渲染设置 (见图片) 下:渲染标签>模拟媒体“打印”
方式2:
打开控制台[esc] 控制台菜单>渲染
其他回答
Chrome v50:
方式1:
菜单>更多工具>渲染设置 (见图片) 下:渲染标签>模拟媒体“打印”
方式2:
打开控制台[esc] 控制台菜单>渲染
自从Chrome 32，你有CSS媒体选项在屏幕部分的抽屉仿真选项卡。
只需启用它，选择打印作为目标媒体类型，然后-看-你的页面呈现[几乎]它将打印的方式。
如果抽屉不可见，使用Esc键调出抽屉。
请参阅这篇文章
然后转到“覆盖”标签
如果你正在调试你的CSS使用打印为PDF在谷歌Chrome浏览器和你的CSS元素背景颜色不显示，然后确保“背景图形”复选框勾选。我花了近30分钟调试我的CSS，不知道是什么原因导致我的CSS背景被忽略。
在Mac上的Chrome v51下，我通过点击右上角的渲染设置，选择更多工具>渲染设置，并在窗口底部提供的选项中检查模拟媒体按钮。
感谢所有其他让我想到这一点的海报，并感谢那些没有图片提供答案的人。
推荐文章
- 在JS的Chrome CPU配置文件中，'self'和'total'之间的差异
- 谷歌chrome扩展::console.log()从后台页面?
- 未捕获的SyntaxError:
- Access-Control-Allow-Origin不允许Origin < Origin >
- 如何设置断点在内联Javascript在谷歌Chrome?
- Chrome调试-打破下一个点击事件
- 谷歌Chrome表单自动填充和它的黄色背景
- 如何处理“未捕获(在承诺)DOMException:播放()失败，因为用户没有首先与文档交互。”在桌面与Chrome 66?
- 强制DOM重绘/刷新Chrome/Mac
- 我如何才能使setInterval也工作时，一个标签是不活跃的Chrome?
- 我如何调试一个HTTP POST在Chrome?
- 我如何从谷歌Chrome扩展获得当前选项卡的URL ?
- 调试WebSocket在谷歌Chrome
- 如何在浏览器中检查消失的元素?
- 超出ResizeObserver循环限制
