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

标签 javascript html css printing microsoft-edge

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

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

最佳答案

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

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

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


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

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


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


编辑:

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

关于javascript - 如何在 Edge 浏览器中打印背景图像和颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42528095/

相关文章:

javascript - 对于 () 对于变量

javascript - 如何将 javascript 内联代码转换为 jQuery?

javascript - 场景转换后设置相机位置

javascript - JQuery - 滚动并锚定到 ajax 驱动的 div 底部,除非用户使用演示代码向上滚动

javascript - JS 问候语不起作用

html - 背景图像上出现流氓白线

html - 使用 HTML 和 CSS 创建线来划分内容

javascript - 当用作等宽字体时,使来自非等宽字体的替换字符以正确的宽度显示

html - 标签宽度内的单选按钮问题

html - 背景 : url(); not working