打印网站（chrome 和 angular）不工作（空白）答案

【问题标题】：Print website (chrome and angular) is not working (blank)打印网站（chrome 和 angular）不工作（空白）
【发布时间】：2015-02-06 18:49:36
【问题描述】：

我的网站系统在 chrome 37+ 上运行，并使用 Angular.js 和 bootstrap。

由于某种原因，我无法打印我的网站。当我尝试打印我的网站（使用浏览器打印对话框）时，我通常会得到一个空白的打印预览（“无法加载打印预览”）。有时它不是空白的，但并没有真正显示我的网站。

我尝试在某些 google chrome 版本和某些计算机上运行我的网站，但它无法正常工作。我一直在寻找原因，但找不到可以解决此问题的原因。

请告知我此问题的原因。谢谢。

【问题讨论】：

你有网址我可以看看吗？
您是否使用任何印刷媒体(css) ..？
Bootstrap 在 Chrome 中存在打印问题。查看此链接了解更多信息：getbootstrap.com/getting-started/#support-printing
对不起，我没有链接。它在单独的网络上。
我没有使用任何印刷媒体

【解决方案1】：

Chrome 实际上确实有打印模拟。见

您可以在开发人员工具中与控制台相邻的选项卡中找到它。通过启用 CSS 打印媒体，您将看到应用了任何打印媒体的网站。启用后，您可以像往常一样使用元素检查来查看这些额外的 CSS 规则如何影响您的网站。

特别是，bootstrap 将删除任何背景，并在许多典型元素上运行一堆默认值。

【讨论】：