javascript - 如何在 Edge 浏览器中打印背景图像和颜色

Question

虽然 IE 和 FF 等浏览器为用户提供了在打印中包含背景时进行设置的选项，但 Edge 在其打印机设置中似乎没有此选项。

有没有一种方法可以通过代码或 native Edge JS 命令激活它？

Answer 1

这是问答环节 - 但我不会接受它作为答案。所以，请也写下你的。

截至 2017 年 4 月，Edge 浏览器还没有针对此问题的明显解决方案。Edge 根本不在其打印件中包含背景阴影。这是缺少功能，当您转到 outlook.com 时会很明显。 (来自 Microsoft 本身)通过 Edge 打印带有背景颜色的日历。

Edge 提供的一个解决方案虽然笨拙，但它是“使用 IE 打开”菜单项。这有效 - 但仅适用于静态页面，因为它会尝试在 IE 中打开当前 URL。

---

我为我的应用程序所做的解决方法是在我的打印页面上包含一个“为 IE 保存”按钮。单击时，它会遍历可打印页面的当前 DOM 树，创建一串标记(必要时进行调整)，然后让用户将其另存为单个文件。

现在用户可以用 IE 打开它直接打印。

---

不够好!但总比使用 Edge 让您的应用程序看起来无能为力要好。如果所有这些都不起作用，只需在要打印背景的位置顶部创建一个 svg 元素，并为 svg 元素提供填充颜色。

---

编辑:

通过用标签替换 div 将我所有的背景转换为前景就成功了。它在转换等方面比我预期的要好。