tampermonkey 使用原生JS打印节点 不使用 jspdf 和 html2canvas等第三方库,带上原始节点的样式
时间: 2024-01-24 12:17:04 浏览: 12
可以使用原生JS中的outerHTML属性来获取节点的HTML代码,然后使用window.print()方法打印出来。代码如下:
```javascript
function printNode(node) {
var html = node.outerHTML;
var newWindow = window.open("", "Print Window");
newWindow.document.write("<html><head><title>Print Page</title></head><body>" + html + "</body></html>");
newWindow.document.close();
newWindow.print();
newWindow.close();
}
// Example usage:
var myNode = document.getElementById("my-node");
printNode(myNode);
```
这个方法会将指定节点的HTML代码写入一个新的窗口,并立即打印出来。注意,此方法仅适用于当前页面中的节点,如果需要在其他页面中打印节点,则需要使用其他方法。另外,打印出来的内容可能不包含节点的完整样式,具体效果可能需要根据实际情况进行调整。