Javascript打印样式



我想问一下,如果有一个选项打印(发送到打印机)在js网站的某些部分与css样式?

我创建了代码:

let print_area = window.open();
print_area.document.write(print_div.innerHTML);
print_area.document.close();
print_area.focus();
print_area.print();
print_area.close();

它打印正是我想要的,但是我没有css样式(但我创建了媒体打印)

我的项目在jsfiddle:https://jsfiddle.net/z58pr1fL/

我建议为打印机创建一个css文件,并插入如下:

(…)
<head>
(…)
<link rel="stylesheet" media="print" href="print.css" />
(…)
</head>
(…)

在这个print.css减去很多颜色,你可以。只是为了在你的用户中保存墨水:)

只在元素和文本的边框处使用灰色。

你可以创建一个按钮发送到用户的打印机,像这样:

<button type="button" onClick="window.print()">

或者最好的方法是

<button type="button" onClick="./path/of/javascript/files/printer.js">

printer.js

'use strict'
window.print();

如果你不能说服,在你的控制台尝试window.print()

最新更新